CSS 布局 - overflow
CSS的overflow属性用于控制内容溢出元素框时显示的方式.
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
这个文本真的很长，它的容器的高度只有100个像素。因此，添加一个滚动条以帮助读者滚动内容。
CSS Overflow
overflow属性指定当元素的内容太大而不能适应指定区域时，是剪辑内容还是添加滚动条。
overflow属性有以下值:
- hidden - 隐藏超出内容
- scroll - 隐藏超出内容,但是会添加一个滚动条,滑动滚动条查看隐藏内容
- auto - 和scroll相似,但是只在需要的时候添加滚动条
注意:
overflow属性只在block元素并且指定了高度的元素才有效果.
注意:
在Mac系统里滚动条默认是隐藏的,只在使用时才显示(即使设置了overflow:scroll)。
overflow: visible
overflow的默认值是visible,这意味着超出内容会显示到元素的外面:
当您想更好地控制布局时，可以使用overflow属性。 overflow属性指定如果内容溢出元素的框会发生什么。
overflow: scroll
设置值为scroll,溢出部分被裁减,并且会在元素盒内新增滚动条。注意这会在水平方向和垂直方向都会有滚动条(即使你不需要也会有):
当你想更好的控制页面排版，你可以用overflow属性。overflow属性指定元素里的内容溢出时会发生什么。
overflow: auto
auto值类似于scroll,但是它只在必要时添加滚动条:
当你想更好的控制页面排版，你可以用overflow属性。如果内容溢出元素盒时，overflow属性用来指定这么显示内容。
overflow-x和overflow-y
overflow-x和overflow-y属性指定是水平还是垂直(或者两者都有)更改内容的溢出：
overflow-x指定水平滚动条是否显示。
overflow-y指定垂直滚动条是否显示。
所有CSS溢出属性
| 属性 | 描述 |
|---|---|
评论区