overflow:hidden 的妙用

    xiaoxiao2024-12-22  46

    取消的滚动条 在自己写一写网页的时候,有一个要求就是写的网页不能出现水平的滚动条,以免影响网页的观看的效果。这时就可以对body设置overflow-x:hidden 用来取消水平的滚动条。 除此控制显示区域 在写类似于轮播图的时候,我们只让一个固定的div中显示图片,而其子图片标签则通过animation之类的动画控制移动。 结构如: <div> <img></img> <img></img> <img></img> </div>

    但是如果我们对父级元素只做宽高设置不做overflow处理,图片会溢出div。但是如果给div加上overflow:hidden,就可以使超过div宽高的地方不显示。 3. 清除浮动 还是上面的那个结构如果里面的子元素都是float,我们为了某些原因,需要清除浮动,其中的一种方式就是给浮动元素的父元素设置overflow:hidden。

    最新回复(0)