一、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;

}