版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35593985/article/details/79950104
问题：父盒子高度为0，子盒子不占位置，子盒子不会撑开父盒子。
（下面的标准流盒子，会跑到父盒子中的子盒子下面。）
处理办法：清除浮动。（清除子盒子因为浮动，对父子造成的影响）
使用方法：哪儿出问题就在哪儿给
<body></body> 里面的<div></div>类名标签后加一个clearfix类名。
1.clear:both;
在左右两侧两侧均不允许浮动，会清除前面元素所有浮动带来的影响 。
2.overflow:hidden
hidden的意思是超出的部分要裁剪隐藏掉，它在裁剪隐藏时会计算高度，当然浮动流的高度也会被计算在内，也能达到清除浮动的效果。
3.单伪元素标签法
.clearfix:after{
content: “”;
height: 0;
visibility: hidden; /*是否可见*/
overflow: hidden;
dispaly: block;
clear: both;
}
.clearfix {
* zoom: 1;/*IE678*/ /* *表示兼容IE678 */
}
4.双伪元素标签法
.clearfix:before, .clearfix:after {
content: “”;
display: table;
}
.clearfix:after{
clear: both;
}
.clearfix {
*zoom: 1;/* *兼容IE678 */
}