css中浮动相关

css中浮动相关：
为什么要添加浮动：让块级元素排列
float属性创建浮动框，将其移动到一边，直到左边缘或者右边缘接触包含块或者另一个浮动款的边缘。
方法：float:left/right

清除浮动：1、父盒子没有高度 2、子盒子浮动了 3、影响下面的布局
清理浮动的方法：
1：通过给子元素最后添加一个块级模块定义他的css是：clear:both
2.给父级元素添加一个：overflow：hidden
3.通过伪元素，给父级元素添加一个类：
.clearfix::after {
display: block;
content: "";
clear: both;
height: 0;
}

.clearfix::after {
*zoom: 1;
}
4.通过双伪类元素
.clearfix::after
.clearfix::before{
display: block;
content: "";

}
.clearfix::after{
clear:both;

.clearfix::after {
.zoom: 1;
}