針對區塊層元素，當元素內容超出元素的矩形格子時，要如何展現。overflow-x 可設定水平方向，超出矩格時的展現法。overflow-y 可設定垂直方向，超出矩格時的展現法。overflow 同時設定水平與垂直方向，超出矩格時的展現法。可設為：
- visible：超出矩格的內容，會顯示在矩格外。此為預設值。
- hidden：超出矩格的內容，會裁去，不會產生捲軸。
- scroll：一律展現捲軸，即便內容沒有超出矩格。
- auto：當元素內容超出元素的矩格時，才展現捲軸。
- inherit：繼承父元素的特徵值。
測試 overflow。
- 風格用法：
<p style='width:200px; background:#339'>
overflow:visible<br />
超出矩格的內容，會顯示在矩格外。此為預設值。<br /><br />
<span style='white-space:nowrap'>
射擊遊戲，益智遊戲，武打遊戲，槍戰遊戲。</span>
</p>
<p style='overflow:hidden; width:200px; background:#339'>
overflow:hidden<br />
超出矩格的內容，會裁去，不會產生捲軸。<br /><br />
<span style='white-space:nowrap'>
射擊遊戲，益智遊戲，武打遊戲，槍戰遊戲。</span>
</p>
<p style='overflow:auto; width:200px; height:140px; background:#339'>
overflow:auto<br />
當元素內容超出元素的矩格時，才展現捲軸。<br /><br />
<span style='white-space:nowrap'>
射擊遊戲，益智遊戲，武打遊戲，槍戰遊戲。</span>
</p>
<p style='overflow:scroll; width:200px; background:#339'>
overflow:scroll<br />
一律展現捲軸。</p> - 執行結果：
overflow:visible
超出矩格的內容，會顯示在矩格外。此為預設值。
射擊遊戲，益智遊戲，武打遊戲，槍戰遊戲。overflow:auto
當元素內容超出元素的矩格時，才展現捲軸。
射擊遊戲，益智遊戲，武打遊戲，槍戰遊戲。overflow:scroll
一律展現捲軸。
| overflow（你正在看 第一頁） | : | 第一頁 | 第二頁 | 第三頁 | 第四頁 |
