本文介绍了一种使用 HTML5 Boilerplate 中推荐的方法来实现清除浮动的 CSS 技巧。该方法通过伪元素触发清除，并兼容 IE6/7 浏览器。文中详细解释了如何利用 .clearfix 类实现容器内的元素浮动布局。
/* html5boilerplate.com Clearfix
--------------------------------- */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
--------------------------------- */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
