高度塌陷
父级元素高度自适应,子级元素float后或者子元素脱离文档流时,造成父元素高度为0,称为高度塌陷问题。
万能清除法解决高度塌陷
/* 万能清除法 */
.clear-fix::after {
content:"";
width:100%;
height:0;
display:block;
clear:both;
overflow:hidden;
visibility:hidden;
}
/* 用于兼容低版本ie */
.clear-fix{
zoom: 1;
}
当遇到高度塌陷问题时可直接给父级元素添加class属性(class="clear-fix")。