首页 > 文学资讯 > CSS结构神器——Overflow

CSS结构神器——Overflow

来源:查看原文

overflow拥有跨越你所想象的功效!在前端开发中,它被普遍应用在结构中。无论是导航栏仍是图片轮播都需要它的辅助。

通过设置overflow属性,我们可以控制超出容器巨细的内容的显示方式,包罗隐藏、转动等多种方式。好比,若是一个块级元素的内容超出容器的宽度,我们可以通过设置overflow: hidden;将其隐藏。若是希望用户能够审查所有内容,可以将overflow: scroll;将其包裹在转动条内,利便用户的浏览。

overflow还可以配合flex结构来实现的一些其他效果。好比,当容器内部内容较多的时刻,设定overflow: auto;属性,就可以自动泛起转动条,制止页面过长。或者在用flex结构的响应式结构时,可以通过设置overflow: hidden;属性将某些元素隐藏,使结构加倍雅观。

total: 点击图片审查更多关于Overflow的应用!

相关信息