Firefox下使用float:right换行问题

     今天遇到一个很奇怪的问题，使用float:right时，在Firefox中显示到了下一行（不是内容过长），而在Chrome和IE（10、11）中都是正常的。代码类似如下： 

 

<div>
  <span>logo</span>
  <span>name</span>
  <div style="display:inline-block; float:right;">description<div>
<div>

 

     网上查了一下，找到了解决办法，在此记录一下。解决办法也很妖，就是把float:right对应的元素位置换到最前面，具体原因不清楚，可能是位置不同浏览器会有不同的理解和解析吧。  

 

<div>
  <div style="display:inline-block; float:right;">description<div>
  <span>logo</span>
  <span>name</span>
<div>