CSS父级边框塌陷问题

当元素浮动起来后，会出现元素超过父级元素的情况，

解决方案：

（1）增加父级元素的边界，包含浮动元素

（2）在浮动元素后增加空的div 后使用clear：both 清除浮动

（3）overflow 在父级元素中 hidden

（4）父类添加一个伪类  :after （推荐使用）

    #father:after{
        content: '';
        display: block;
        clear: both;
    }

插入一个空的内容，来变成块级元素，并不允许浮动