一、overflow
1、超出部分隱藏
overflow:visible | hidden | auto | scroll
visible:顯示超出內容,不剪切內容也不添加滾動條,默認
hidden:超出內容隱藏
auto:默認屬性,在需要時剪切內容并添加滾動條
scroll:總是顯示滾動條
還可針對x軸和y軸設置
overflow-x:
overflow-y:
2、清除浮動
如果一個父標簽內所有的子集都浮動,給父元素設置overflow:hidden屬性,則可以清除子元素的浮動。
<div class=“out”>
<div class=“div1”></div>
<div class=“div2”></div>
</div>
.out{
overflow: hidden;
}
.div1{
width:100px;
height:100px;
border:1px solid red;
float:left;
}
.div2{
width:100px;
height:100px;
border:1px solid blue;
float:left;
}






