鍍金池/ 問(wèn)答/HTML/ 關(guān)于margin的問(wèn)題

關(guān)于margin的問(wèn)題

2個(gè)div的間距是10px，請(qǐng)問(wèn)以下2中寫(xiě)法有沒(méi)有區(qū)別，或者哪一個(gè)更好？

1、div1{margin:10px 0}

2、div1{margin:5px 0} div2{margin:5px 0}

回答
編輯回答
愛(ài)是癌

兩個(gè)margin相鄰時(shí)，會(huì)造成合并的問(wèn)題，只留下最大的margin，除非你用邊框隔開(kāi)或者做成浮動(dòng)的。所以沒(méi)有好壞，只有適不適合某個(gè)場(chǎng)景

2017年7月15日 08:36
編輯回答
拽很帥

我只說(shuō)第二種寫(xiě)法，第二種寫(xiě)法會(huì)導(dǎo)致一個(gè)問(wèn)題，外邊距重疊，外邊距重疊發(fā)生的前提有兩個(gè)：一、只發(fā)生在block元素上（不包括float、absolute、inline-block元素）；二、只發(fā)生在垂直方向。所以你的第二種寫(xiě)法不成立。

2017年3月3日 16:01
編輯回答
尋仙

有區(qū)別，第二種分布比較均勻，沒(méi)有好壞之分，看場(chǎng)景。

2018年4月25日 00:04