一、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;
}
【相關推薦】
