html - 清除 float 不起作用

Question

我有一个网站在 FF 19(什么时候变得这么高？)、IE、Opera 中按预期工作，但在 Chrome 或 Safari 中却没有。有时它在 Chrome/Safari 中布局正确，但如果您按 F5 键足够多，最终其中一个渲染图将布局出乎意料。

这是链接 http://www.spokanewastewater.org/Businesses.aspx

左侧边栏是float:left , 内容都在一个带有display:inline-block 的div 中所有 3 个链接列表都是 float:left那么在“行业的 Angular 色”中它有一个<br style="clear:both" />在它之前。然而，有时 chrome/safari 喜欢将段落放在“重要链接”部分之上？？这与 webkit 渲染有关吗？？奇怪的是，它只是有时会坏掉，而按 f5 足够多就会坏掉它。

Answer 1

不要使用br 来控制clear。将您的 br 更改为更合适的内容(实际上是 div):

<div style="clear: both"></div>

在您网站上使用 Chrome 中的开发工具进行更改可以解决问题。