html - 文本“侦听”其下方的浮动元素，而不是同一行上的元素

Question

在 Coda 中，我的文本浮动 div 可以完美运行。文本和 div 都是 1 em：

但是，一旦我在 Chrome 中查看同一个站点，文本现在会监听它下面的 div，并且您可以看到文本都在一行上：

这里有什么问题？HTML/CSS：http: //jsfiddle.net/u773M/2/

Answer 1

您的字体大小目前太大。在锚点上设置较小的字体大小（不是列表项，因为这会改变您的步长）并添加设置锚点以显示：块。

如果没有适当的空间让字母散开，它们就会被切断并且无法正确渲染。

Answer 2

为文本区域或最大宽度（较新的浏览器）提供宽度并浮动或显示这些将有助于跨浏览器实现 - 我之前遇到过类似的问题，你会发现 ie7 喜欢文本上的宽度取决于标记 -向上环绕。