指針與引用的區(qū)別
考察margin塌陷
inline-block元素是否會和其他元素在垂直方向上發(fā)生margin重疊?
當(dāng)然是不會的,margin塌陷僅針對于block元素與block元素,也就是說,inline-block元素和其他元素(block元素或inline-block元素)不會發(fā)生margin塌陷。
順便復(fù)習(xí)一下,margin塌陷有三種情況。
空標(biāo)簽,沒有高度和寬度的標(biāo)簽,但是又設(shè)置了自己的margin-top和margin-bottom。
如果沒有border, padding, inline content或者bfc的創(chuàng)建和清除將block元素的margin-top和第一個(gè)子元素的margin-top分開?;蛘邲]有border, padding, inline content, height, min-height, max-height將block元素單的margin-bottom和最后一個(gè)子元素的margin-bottom分開,那么這些margin就會發(fā)生margin collapse。折疊的邊緣最終在父元素外。來源:mdn
垂直方向上的相鄰元素,它們的margin值不會變,但是在頁面上顯現(xiàn)出來的話,會顯示更大的那一個(gè)margin。