**四．處理溢出** 當設置了元素固定尺寸且內容過大時，就會出現溢出的問題。溢出主要朝兩個方向：右側和底部。我們可以通過 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 屬性的值。 |