CSS浮动内联元素（960 GS）

Question

我只是检查906.gs CSS代码，并注意到他们使所有的浮动div内联。

http://960.gs/demo.html

只是想知道的这样做的目的是......我在学习CSS理论总是很感兴趣。

Answer 1

具有float: left的元素被强制计算出display的值block。

有关更多信息，请参见：jQuery in Chrome returns "block" instead of "inline"

也加入display: inline的目的是为了解决一个IE6的bug， “双缘虫”：

http://www.positioniseverything.net/explorer/doubled-margin.html

编码人员无意中将左浮球 放入容器盒中，并使用浮球上的左边距 将其推开 从容器的左侧。 看起来很简单，对吧？那么它是 ，直到它在IE6中查看。在那个 浏览器左边的浮点数有 的长度神秘地加倍了！

这是一个与没有缺点（甚至在IE6）游离修复：

这意味着，{显示：内联;}上 浮子应不大于 使用{显示不同：块;}（或根本没有显示值），并且实际上所有浏览器 都遵循该规范，包括IE浏览器的 。但是，这确实会触发IE 停止翻倍浮动的余量。 因此，这种修复方法可以直接应用 方法，而不需要任何挑剔隐藏方法 。

事实上，如果您愿意，您可以将 Inline Fix应用于所有花车，因为没有已知的副作用，因此可以使用 。 这样的错误永远无法获得 牵引力，无论您可能使用或可能不使用任何边距。