网站建设制作中5种overflow应用场景

overflow属性可以设置的值有5种：

（1）visible  默认值，内容不会裁剪，呈现在元素框之外；

（2）hidden 内容会被裁剪，并且子元素内容是不可见的；

（3）scroll 内容会被裁剪，但溢出的内容可以拖动浏览器自带的滚动条，查看内容；

（4）auto 如果内容被裁剪，那么溢出的内容也是拖动移动浏览器自带的滚动条，查看内容；

（5）inherit 继承父元素的overflow属性的值。

在实际运用中，除了hidden的应用比较多而灵活，其他几个还是很好理解和运用的。所以，这里着重归纳了hidden的用法。

（1）清除浮动

<div class="wrap">  
　　<p>test of css</p>  
</div>