学习博客：【CSS】父级边框塌陷问题

当文字、图片设置为浮动时，会导致父级边框塌陷（没有内容撑起来父级边框）如下图红框所示

解决办法：
1.增加空的div标签 清除浮动 (尽量避免空div)

    <div class="clear"></div>

2.增加父级元素高度 (元素没有固定高度，会被限制)

    #father{
        border: 1px #000 solid;
        height: 1000px;
    }

3.在父级元素中添加overflow: hidden;

	#father{
        border: 1px #000 solid;
        overflow: hidden;
    }

下拉场景下避免使用

4.在父类添加一个伪类: after (推荐使用)

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

成功解决父级边框塌陷问题