在webkit中清除浮動的最簡單方法是什麼？

Question

我正在製作Google Chrome瀏覽器插件。因此，注入的CSS只需要在webkit中工作。什麼是特定於webkit的清除浮動塊的方式？

通過清除浮動，我的意思是讓父元素包含所有包含在其中的浮動子元素。

Answer 1

display: inline-block訣竅。

Answer 2

如果你不需要關心的IE瀏覽器漏洞，你可以做一個結算樣式（元素不佔用空間），就這麼簡單：

.Clear { clear: both; height: 0; } 

作爲比較，一種風格，注意到IE一個字符高度蟲子放入acount是：

.Clear { clear: both; height: 0; overflow: hidden; } 

還加入了結算標籤的替代，是設置浮動的父元素的overflow的風格，這將使它康廷它的孩子。例如，您可以使用overflow:hidden，但不指定大小，這樣父級將由其孩子決定。