Css 铬负载力浮动：右至新线

我在chrome中遇到了一个加载问题，只有在某些时候它一次加载所有内容，并且浮动在菜单中看起来很好，但其他时候它加载速度比平时慢，导致浮动中断到新行。我注意到它通常只发生在硬刷新（F5）时，但有时只在单击周围时发生

这在IE、Firefox或Safari中都不是问题。有人对我的代码做过任何修改来解决这个问题吗

这是我的密码：

HTML:

---

我对浮动的替代品很感兴趣：也对（不喜欢浮动）。我曾想过使用表格单元格，但我认为这是一种糟糕的做法。另外，我也曾尝试过flex Box的概念，但ie8或IE9不支持它们，我的网站也支持这些浏览器。

在HTML中，浮动项应该是第一个，而不是第二个。我没有一个很好的解释为什么。。。我刚刚注意到，在Chrome中，有时页面在应用浮动之前呈现，如果元素在其余内容之后，则浮动永远不会正确应用。

display:inline block；这还不够吗？它需要向右浮动。我的网站的宽度取决于浏览器的大小，因此没有定义宽度。显示：如果有办法使内联块的宽度占据浮动和其他内联菜单项之间的空间，则内联块将非常有效。边缘：20px，您的div不适合所有按钮，您可以在这里检查一下，如果我是您，我将用percentageWow构造每个按钮，包括填充和边距。我知道这一点，我想今天只是在脑力上放松了。谢谢。这也是Firefox37中的一个问题（可能还有其他版本-今天做了一些随机的前端测试并发现了这个问题）。谢谢你的解决方案！救生员。

$text .=    '<div class="block-menu ">';
$text .=        '<a class="block-menu-item logo gray" href="/"></a>';
$text .=        '<a class="block-menu-item">Button 1</a>';
$text .=        '<a class="block-menu-item">Button 2</a>';
$text .=        '<a class="block-menu-item">Button 3</a>';

//Floats right
$text .=        '<div id="block-menu-bar-button">';
$text .=            '<a class="block-menu-item">Button 4</a>';
$text .=            '<a class="block-menu-item">Button 5</a>';
$text .=            '<div style="clear:both;"></div>';
$text .=        '</div>';
$text .=    '</div>';

#block-menu-bar-button{
     float:right; 
     display:inline-block; 
     overflow:hidden;
}
.block-menu{
     position:relative; 
     width:70%; 
     text-align:left; 
     margin:auto; 
     padding:15px 0;
}
a.block-menu-item, div.block-menu-item{
     display:inline-block; 
     margin:0 20px; 
     padding:2px 0;
     border-bottom: 2px solid transparent;
     cursor:pointer;
}