可以在不添加新的 html 标签的前提下,解决让父元素包含浮动的子元素的问题。用图片可以很直观的表述这个问题。
图片来源:
stackoverflow.com/questions/8…
.clearfix:before,
.clearfix:after {
content: " ";
display: table; // 此元素会作为块级表格来显示,表格前后带有换行符。
}
.clearfix:after {
clear: both;
}
可以在不添加新的 html 标签的前提下,解决让父元素包含浮动的子元素的问题。用图片可以很直观的表述这个问题。
图片来源:
stackoverflow.com/questions/8…
.clearfix:before,
.clearfix:after {
content: " ";
display: table; // 此元素会作为块级表格来显示,表格前后带有换行符。
}
.clearfix:after {
clear: both;
}