常用css效果实现

一.清除浮动

1.使用 overflow

.father {
    /* 解决溢出: 父元素高度固定,内容超过高度
       清除浮动: 父元素高度自动,子元素浮动
       解除坍塌: 子元素无浮动,使用margin-top
    */
    overflow:hidden;
}

2.使用clear:both

father:after {
    content: "";
    clear: both;
    display: block;
}