當子元素的尺寸超過父元素的尺寸時，需要設定父元素顯示溢位的子元素的方式，設定的方法是通過overflow屬性來設定。
如圖：
overflow的設定項：
1、visible 預設值。內容不會被修剪，會呈現在元素框之外。
2、hidden 內容會被修剪，並且其餘內容是不可見的。
在父元素新增屬性 overflow:hidden;
效果如下：
3、scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便檢視其餘的內容。
這個不會刪除多餘的內容，只是加上滾動條。 效果如下：
4、auto 如果內容被修剪，則瀏覽器會顯示滾動條以便檢視其餘的內容。
這個更靈活， 上邊的即使不多餘也有滾動條， 這個根據內容 如有溢位才新增滾動條。
示例**如下：
css盒子模型 前端系列 css盒子模型
1 盒子模型 下圖中可以看到，在設定width的時候，標準的盒子模型是不包括border和padding的，而在ie瀏覽器中是包括這兩項的。盒模型是有兩種標準的，乙個是標準模型，乙個是ie模型。標準模型中，盒模型的寬高只是內容 content 的寬高，預設正是w3c標準盒模型。而在ie模型中盒模型的...
前端應用 css 盒子模型03
這節主要介紹margin 和如何用瀏覽器檢視頁面的style 這個就是我們box style 效果圖 解釋如下 500 x 300 是內容的大小，我們一般叫 content 綠色顯示的是 內容和盒子之間的padding值 上下左右已經標註了 黃色 是 邊框的值，設定的都一樣 最外層是 margin值...
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...