css - 宽度和浮动不兼容吗？

Question

我有一个网站，其中navbar41% 的宽度，并且float: right，但要完成float: right工作，我必须删除width: 41%，为什么？width和之间有什么不兼容的地方float吗？

  <header class="tab-content cabecera">
  <a class="logo pull-left" href="/">
    <img src="images/logo1.png" width="250px" alt="ziiweb"/>
  </a>
  <div class="social">
    <div class="fb-like" data-href="http://www.facebook.com/!!!" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
    <g:plusone align="middle"></g:plusone>
  </div>
  <nav>
  <ul class="nav nav-pills">
    <li class="active"><a href="#">Inicio</a></li>
    <li><a href="#">Qué ofrecemos</a></li>
    <li><a href="#">Trabajos</a></li>
    <li><a href="#">Contacto</a></li>
  </ul>
  </nav>

a.logo {
  vertical-align: top;
  width: 37%;
}
.social {
  display: inline-block;
  width: 21%;
}
nav {
  display: inline-block;
  float: right;
  width: 41%;
}