**四．处理溢出** 当设置了元素固定尺寸且内容过大时，就会出现溢出的问题。溢出主要朝两个方向：右侧和底部。我们可以通过 overflow 系列样式来控制它。 |**属性**|**值**|**说明**|**CSS 版本**| | --- | --- | --- | --- | | overflow-x | auto、hidden、scroll、visible、inherit | 设置水平方向的溢出值 | 3 | | overflow-y | auto、hidden、scroll、visible、inherit| 设置垂直方向的溢出值| 3 | | overflow | auto、hidden、scroll、visible、inherit | 简写属性 | 3 | **属性值说明：** | 值 | 描述 | | --- | --- | | visible | 默认值。内容不会被修剪，会呈现在元素框之外。 | | hidden | 溢出的内容会被修剪为不可见的。 | | scroll | 不管是否溢出，都会显示滚动条，但不同浏览器显示方式不同 | | auto | 自动处理溢出，如果有溢出内容则浏览器会显示滚动条以便查看其余的内容。否则不显示滚动条 | | inherit | 规定应该从父元素继承 overflow 属性的值。 |