css - width と float は互換性がありませんか?

Question

navbarの幅が 41%の Web サイトを持っていますが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%;
}