1. overflow
值 | 描述 |
---|---|
visible | 默认值,对溢出的内容不做处理 |
hidden | 隐藏溢出元素内容区的内容 |
scroll | 隐藏溢出元素内容区的内容,并在元素的左侧和下方分别创建一个滚动条,通过滑动滚动条可以查看元素中的所有内容 |
auto | 如果出现内容溢出,则会在元素左侧创建一个滚动条,通过滑动滚动条可以查看元素中的全部内容 |
inherit | 从父元素继承 overflow 属性的值 |
2. overflow-x、overflow-y
当单独设置 overflow-x 或 overflow-y 其中的一个属性为非 visible 时,另外一个属性将自动设置为 auto。
- overflow-x:设置当元素内容区的内容在水平方向上溢出元素时如何处理溢出的内容;
- overflow-y:设置当元素内容区的内容在垂直方向上溢出元素时如何处理溢出的内容。