万能清除法解决高度塌陷

高度塌陷
父级元素高度自适应，子级元素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”）。