CSS浮动清理,没有清除:两个标签
例如:一些内容
在这一点上预览代码,我们将找到未显示的最外层父元素浮动容器,这是因为子元素在文档流中浮动,导致父元素的高度为零。
如果代码被修改为:
一些内容
注意,有一段代码可以清理浮动。这是一个很好的CSS代码习惯,但是这个方法添加了无用的元素:
一些内容
定义浮式清洗控制的CSS类:
复制代码代码如下所示:
Clearfix:后不均匀。
内容:;
清楚:两者;
身高:0;
可见性:隐藏;
显示块;
因为Firefox支持元素的生成,而IE的所有版本都不支持元素的生成,所以这是对Firefox的处理。
甚至没有。clearfix
显示:内联块;
这是在IE浏览器上处理
从IE中隐藏
* HTML。clearfix { } {高度:1%;} / * * /这是赢在IE浏览器
{ } {。clearfix显示:块;} / *这是显示:内联块;修改,重置为块元素。
从IE浏览器中隐藏。
这时,预览上面的代码(删除注释),我们会发现,即使子元素浮动,父元素浮动容器仍然会包围它,所以它是高度自适应的。