邊界疊加在元素之間維護了一致的距離
只有普通文件流中塊框的垂直邊界才會發生邊界疊加。行內框、浮動框或絕對定位框之間的邊界不會疊加。
解決方案：
1.外層padding
2.透明邊框border:1pxsolidtransparent;
3.絕對定位postion:absolute:
4.外層divoverflow:hidden;
5.內層div 加float:left;display:inline;
6.外層div有時會用到zoom:1;
乙個盒模型練習：
/* margin會出現上下疊加問題（自動選擇較大的那個margin） */
#box3
#box4
#box5
style>
div>
div>
div>
div>
div>
div>
body>
html>
盒模型 標準盒及怪異盒區別及使用
盒子模型可以用來對元素進行布局，包括內邊距，邊框，外邊距，和實際內容這幾個部分。盒子模型分為兩種 第一種是w3c標準的盒子模型 標準盒模型 第二種ie標準的盒子模型 怪異盒模型 區別 寬度 width 內容區域 content 的寬度 高度 height 內容區域 content 的高度 盒子所佔的...
盒模型基礎練習
lang en charset utf 8 name viewport content width device width,initial scale 1.0 web前端基礎知識title rel stylesheet href css page2.css head css盒子模型 h1 網頁設計...
盒模型基礎布局練習
lang en charset utf 8 name viewport content width device width,initial scale 1.0 第三個介面title rel stylesheet href css page3.css head header class articl...