取消的滚动条 在自己写一写网页的时候,有一个要求就是写的网页不能出现水平的滚动条,以免影响网页的观看的效果。这时就可以对body设置overflow-x:hidden 用来取消水平的滚动条。 除此控制显示区域 在写类似于轮播图的时候,我们只让一个固定的div中显示图片,而其子图片标签则通过animation之类的动画控制移动。 结构如:
<div>
<img></img>
<img></img>
<img></img>
</div>
但是如果我们对父级元素只做宽高设置不做overflow处理,图片会溢出div。但是如果给div加上overflow:hidden,就可以使超过div宽高的地方不显示。 3. 清除浮动 还是上面的那个结构如果里面的子元素都是float,我们为了某些原因,需要清除浮动,其中的一种方式就是给浮动元素的父元素设置overflow:hidden。