如果元素中的內容超出了給定的寬度和高度屬性，overflow 屬性可以確定是否顯示滾動條，是否隱藏溢位部分等行為，規定當內容溢位元素框時發生的事情。
visible：預設值。內容不會被修剪，會呈現在元素框之外。
hidden：內容會被修剪，並且其餘內容是不可見的。
scroll：內容會被修剪，但是瀏覽器會顯示滾動條以便檢視其餘的內容。
auto：內容會被修剪，但是瀏覽器會顯示滾動條以便檢視其餘的內容。
inherit：規定應該從父元素繼承 overflow 屬性的值。
overflow-x主要用來定義對水平方向內容溢位的剪下，而overflow-y主要用來定義對垂直方向內容溢位的剪下，如果overflow-x和overflow-y值相同則等同於overflow。如果overflow-x和overflow-y值不同，且其中乙個值顯式設定為visible或者預設為visible，而另外乙個值是非visible的值。則visible值會被重置為auto。
我們看下面這個小例子，div2在水平方向超出了容器div1，我們將div1的overflow-x設定為visible，overflow-y設定為scroll，但是發現水平方向並沒有顯示多餘的部分，而是出現了水平滾動條，可見overflow-x被重置為auto了。同樣，div2中文字在豎直方向超出了容器，我們將div2的overflow-y設定為visible，overflow-x設定為hidden，但是發現豎直方向並沒有隱藏多餘的部分，而是出現了豎直方向的滾動條，可見overflow-y也被重置為auto了。
如果子元素為絕對定位元素，而父元素沒有定位時，給父元素設定overflow並不起作用。就像下圖，div2為絕對定位元素，給div1設定了overflow：hidden之後它超出div1的部分並沒有被裁掉。只要給父元素設定定位position:absolute，fixed或relative之後就可以了。
Css中overflow屬性的認識
overflow 溢位 hidden 隱藏。這個css屬性，用於將溢位到盒子border外的內容隱藏。案例1 對溢位要做處理 新增 overflow hidden 再看乙個案例 直觀上看，這個屬性對網頁設計人員來說真是福音！比如乙個盒子內部有乙個比自己還寬的子盒子，這時候就會影響自己的表現。只需要給...
CSS學習 overflow屬性
在網頁布局中，未處理的溢位元素絕對算得上是個 毒瘤 因為如果乙個 盒子 周圍還有其它元素，而從這個盒子中溢位的元素會和盒子周圍的元素發生層疊，並脫離了整個html元素，所以我們應當合理使用css中的overflow屬性來處理溢位的元素。doctype html html lang en head m...
Css中overflow屬性的相關介紹
overflow css屬性 overflow 為css中設定當物件的內容超過其指定高度及寬度時如何管理內容的屬性。初始值 visible 適用於 block level and replaced elements 繼承性 無百分比 n a visual 版本 css2 相容性 ie4 ns6 ov...