html - ie8打破浮动：左成2行

Question

http://demo.jashwant.com/derek/

我有 'float:left' 在.navicon.

预期行为：所有图标（徽标旁边）应位于同一行（适用于 ff、chrome、safari）

但不知什么原因，第 5 和第 6 个图标在 ie8/ 的另一行

ps我已经尝试过clearing了，并且没有运气在容器上明确overflow:hidden设置。width#bloguin_navpanel

我无法重现该问题，因此链接网站本身。

Answer 1

有时浮动在所有浏览器中并不完美。并且由于您将图像用于导航，因此浏览器可能会在加载图像之前过早地渲染工具栏，从而导致一些连续的图像换行到另一行。

要解决这个问题：

1. 将 #bloguin_navpanel 设置为float:left.
2. .navicon然后将（ ）中的每个项目设置为display:inline-block（删除浮动）。
3. 最后，将您的 #bloguin_mainnav 设置为overflow:auto.

此外，从.navicon.