詳細內容請點擊 這個問題困惑了很久，雖然沒有大礙早就摸出來怎么搞定它，但始終不明白原因出在哪里，如果只是IE有問題我也不會太在意，可問題是所有上等瀏覽器都表現如此，這樣叫我怎能安心？今天總算下狠心查出來怎么回事，居然是CSS2.1盒模型規范……雖然很別扭，非常別扭的規定。 　　問題 ...

盒子模型　　 1 絕大多數標簽都可以看作盒子，可以設置寬高或設置內容；在CSS中，"box model"這一術語是用來設計和布局時使用。 　　CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容。 　　盒模型允許我們在其它元素和周圍元素邊框之間的空間放置 ...

問題代碼： <div id="father" style="background:#eee;"> <div id="son" style="margin-top:50px;">son</div> < ...

　　當我們在給子元素設置margin-top后會出現一個現象，子元素與父元素之間沒有出現間距，反而是父元素和其他元素之間出現了間距，像是margin-top的效果作用在父元素上一樣。這種現象就是margin-top穿透現象。 　　如下所示： 　　HTML代碼 　　CSS代碼 ...

每個HTML元素都可以看作裝了東西的盒子 盒子具有寬度（width）和高度（height） 盒子里面的內容到盒子的邊框之間的距離即填充（margin） 盒子本身有邊框（border） 而盒子邊框外和其他盒子之間，還有邊界（margin） 內容填充屬性（padding ...

一、盒子模型 標准盒子模型 從下圖可以看到標准 w3c 盒子模型的范圍包括 content、padding、border、margin，並且 content 部分不包含其他部分。 怪異盒子模型 從下圖可以看到 ie 盒子模型的范圍也包括 margin、border ...

一、基礎屬性 盒子模型：將HTML頁面中的元素看作是一個矩形盒子，也就是一個盛裝內容的容器。每個元素都由元素的內容（content）、內邊距(Padding)、外邊距(Margin)和邊框(Border)組成 不同部分的說明： content(內容)：盒子的內容，顯示文本和圖像 ...

border-style的值： none 無 dotted 點狀 dashed 虛線 solid 實線 double 雙實線 margin： 垂直方向兩個相鄰元素都設置了外邊距，那么外邊距會發生合並 合並高度=兩個發生合並的外邊距中的較大值 元素 ...