CSS的overflow属性用来处理一个元素的尺寸超出其容器尺寸的情况。当一个元素包含的内容超出自身的大小时,就会发生内容溢出 。这种情况下,我们通过overflow属性决定是否“裁剪”,以告诉浏览器我们想让用户看到什么。

visible:不裁剪溢出内容

浏览器将溢出的内容呈现在其容器元素的显示区以外,全部内容可见。

hidden:隐藏溢出的内容

内容只显示在其容器的显示区域里,这意味着只有一部分内容可见。

scroll:显示滚动条

浏览器对溢出部分进行隐藏,但用户可以通过滚动条看到内容的其他部分

auto:在溢出时显示滚动条

类似于scroll。没有溢出不显示;溢出时显示滚动条。

分类: CSS

发表评论

电子邮件地址不会被公开。 必填项已用*标注