在webkit中清除浮动的最简单方法是什么?

时间:2010-06-29 16:20:23

标签: css webkit css-float

我正在制作Google Chrome插件。因此,注入的CSS只需要在webkit中工作。什么是特定于webkit的清除浮动的方式?

通过清除浮动,我的意思是让一个父元素包含在其中包含的所有浮动子元素。

2 个答案:

答案 0 :(得分:2)

如果您不需要关心IE错误,您可以制作清除样式(对于不占用空间的元素),如下所示:

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

作为比较,将IE单字符高度错误带入acount的样式将是:

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

添加清除标记的替代方法是在浮动的父元素上设置overflow样式,这将使其继续使用它的子项。例如,您可以使用overflow:hidden但不指定大小,这样父母的大小就会由其子级确定。

答案 1 :(得分:0)

display: inline-block成功了。