ie8打破浮动：左成2行

Question

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

我在.navicon 中有'float:left'。

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

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

附言我试过clearing 它，overflow:hidden 并在容器#bloguin_navpanel 上显式设置width 没有运气。

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

Answer 1

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

要解决这个问题：

1. 将#bloguin_navpanel 设置为float:left。
2. 然后将 (.navicon) 里面的每一项设置为display:inline-block（去掉浮动）。
3. 最后，将您的#bloguin_mainnav 设置为overflow:auto。

另外，从.navicon 的任何其他内部子项中删除所有重复的宽度和高度内容。