CSS布局之——overflow

overflow屬性定義了當子項目超越了包含它的元素時，子項目的顯示方式。如果內容太多，overflow屬性說明內容是否顯示以及如何顯示。

overflow屬性有4個可能值：

• visible：內容未被剪下，顯示在元素外；
• hidden：內容被剪下，但是瀏覽器不顯示捲軸，無法看到剩餘的內容；
• scroll：即使有足夠空間顯示全部內容，瀏覽器也顯示捲軸；
• auto：如果內容太多，瀏覽器將顯示捲軸以查看剩餘內容；

下面我們就看看每個值會產生的效果：

overflow:auto;	overflow:hidden;	overflow:visible;	overflow:scroll;
所有的框模型一開始都是按文檔中正常的元素流定位，而定位position屬性允許我們改變這些自然的位置。	所有的框模型一開始都是按文檔中正常的元素流定位，而定位position屬性允許我們改變這些自然的位置。	所有的框模型一開始都是按文檔中正常的元素流定位，而定位position屬性允許我們改變這些自然的位置。	所有的框模型按文檔中正常的元素流定位。

 

關於布局的內容基本上就這些了吧，還有一些進階的特性就需要大家自己學習積累、使用才是王道！