CSS学习笔记——清除浮动

在设置浮动后，父盒子的高度会变0，即出现塌陷问题。

专业的解决方法是添加一段样式于父盒子，其中添加一个after的伪元素占用位置。

代码如下：

1.在父盒子里加载样式名称

<div class="father clearfix">

<div class="son"></div>

</div>   

2.在css里的内容

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}