指针与引用的区别
考察margin塌陷
inline-block元素是否会和其他元素在垂直方向上发生margin重叠?
当然是不会的,margin塌陷仅针对于block元素与block元素,也就是说,inline-block元素和其他元素(block元素或inline-block元素)不会发生margin塌陷。
顺便复习一下,margin塌陷有三种情况。
空标签,没有高度和宽度的标签,但是又设置了自己的margin-top和margin-bottom。
如果没有border, padding, inline content或者bfc的创建和清除将block元素的margin-top和第一个子元素的margin-top分开。或者没有border, padding, inline content, height, min-height, max-height将block元素单的margin-bottom和最后一个子元素的margin-bottom分开,那么这些margin就会发生margin collapse。折叠的边缘最终在父元素外。来源:mdn
垂直方向上的相邻元素,它们的margin值不会变,但是在页面上显现出来的话,会显示更大的那一个margin。