1、設(shè)置元素水平居中; margin:0 auto;

margin負(fù)值讓元素位移及合并邊框

外邊距合并：

外邊距合并指的是:當(dāng)兩個(gè)垂直外邊距相遇時(shí),他們將行程一個(gè)外邊距.合并后的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者:一個(gè)格子距下30px,下面的格子距上100px,邊距合并之后取100px

?

解決方法：

1、使用這種特性系統(tǒng)自帶

2、設(shè)置一邊的外邊距,一般設(shè)置margin-top

?

2、margin-top塌陷

出現(xiàn)情況

* 子元素設(shè)置margin-top,子元素不起作用,父元素下沉

解決塌陷的三種方法

在外部盒子設(shè)置邊框

overflow:hidden（隱藏刪除多與內(nèi)容

使用偽類元素:(強(qiáng)烈建議使用:這種方法)

.clearfix:before{

content:"";

display:table;

}

?

總結(jié)

以上是生活随笔為你收集整理的margin相关技巧的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。