CSS中的overflow属性主要用于控制元素内容溢出时的表现形式。它的取值有visible、hidden、scroll、auto四种。 visible visible取值表示元素的内容可以溢出，即溢出部分会显示在元素之外。这种情况下，元素的容器不会增加高度，也不会出现滚动条。 .box { overflow: visible;} hidden hidden取值表示元素的内容不会溢出，即溢出部分会被隐藏，不会显示在元素之外。这种情况下，元素的容器不会增加高度，也不会出现滚动条。 .box { overfl […]

CSS中的overflow属性主要用于控制元素内容溢出时的表现形式。它的取值有visible、hidden、scroll、auto四种。

visible

visible取值表示元素的内容可以溢出，即溢出部分会显示在元素之外。这种情况下，元素的容器不会增加高度，也不会出现滚动条。

.box {
    overflow: visible;
}

hidden

hidden取值表示元素的内容不会溢出，即溢出部分会被隐藏，不会显示在元素之外。这种情况下，元素的容器不会增加高度，也不会出现滚动条。

.box {
    overflow: hidden;
}

scroll

scroll取值表示元素的内容可以溢出，即溢出部分会显示在元素之外。这种情况下，元素的容器会增加高度，并会出现滚动条，用户可以通过滚动条查看溢出的内容。

.box {
    overflow: scroll;
}

auto

auto取值表示元素的内容可以溢出，即溢出部分会显示在元素之外。这种情况下，元素的容器会增加高度，如果溢出的内容超过了视口的高度，则会出现滚动条，否则不会出现滚动条。

.box {
    overflow: auto;
}

overflow属性的取值有visible、hidden、scroll、auto四种，可以根据实际情况来选择最合适的取值。

说点什么吧

• 全部评论（0）
• 最新 最早

还没有评论，快来抢沙发吧！