相鄰元素的margin-top和margin-bottom會發生重疊 ；
空白內容的
也會重疊
如下：
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>*p
style
>
head
>
>
>
>
111p
>
>
222p
>
div>
body
>
html
>
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>*p
.bfc
style
>
head
>
>
>
>
111p
>
class
="bfc"
>
>
222p
>
div>
div>
body
>
html
>
margin-right設定負值，右側元素左移，自身不受影響；
margin-bottom設定負值，下方元素上移，自身不受影響；
CSS margin重疊現象
margin重疊現象 相鄰的普通元素，上下邊距，並不是簡單的相加，而是取其中較大的邊距值。1.水平邊距永遠不會重疊 2 在規範文件中，2個或以上的塊級盒模型相鄰的垂直margin會重疊。最終的margin值計算方法如下 a 全部都為正值，取最大者 b 不全是正值，則都取絕對值，然後用正值減去最大值 ...
css margin重疊的問題
margin 20px margin 20px 重疊 藍色的上20邊距與灰色背景div的20上邊距重疊 藍色方塊的下20畫素邊距與紅色方塊的上20畫素布局重疊 紅色方塊的20畫素的下邊距與灰色盒子的20畫素下邊距重疊。由於ie瀏覽器和非ie瀏覽器兩大陣營對處理margin重疊問題上有較大差異，所以解...
CSS Margin塌陷和盒子居中
margin的塌陷現象 標準文件流中，豎直方向的margin不疊加，以較大的為準。水平方向的疊加 哈哈哈哈 嘿嘿嘿嘿 如果不在標準流，比如盒子都浮動了，那麼兩個盒子之間是沒有塌陷現象的 div.p1 p2兩個盒子都浮動了，所以沒有塌陷現象了，margin bottom 40px 和margin to...