浮動
-
float: left;orfloat: right; - 定義：浮動的元素會脫離原來文檔流的位置，一直上升嗜暴，直到觸碰到上一浮動元素的邊框或者包裹它的父元素的邊框！
清除浮動的主要方法：
- 給父元素定寬高
父元素具有寬高后就不需要子元素撐開自己！而父元素本身沒浮動所以不會影響后面的元素布局！ -
overflow:hidden;oroverflow:auto;
//css
.parent{
overflow:hidden;
}
.child{
float: right;
}
//html
<div class= "parent">
<div class="child"></div>
</div>
- 偽元素
::after添加clear：both;
//css
.parent::after{
content: .;
display: block;
height:0;
visibility:hidden;
clear:both;
}
//一般定義.clearfix類官紫，直接添加到要清除浮動的父元素上，可復(fù)用玛界，不用重復(fù)定義万矾；
.child{
float: right;
}
//html
<div class= "parent">
<div class="child"></div>
</div>
