margin塌陷
什么是margin塌陷
父子元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margin会取两者的最大值,正常情况下,父级元素相当于浏览器定位,子级元素相当于父级元素进行定位,但由于margin塌陷,父级相当于浏览器定位,而子级没有相对父级定位,这就是margin塌陷
例子:
<div class="father">
<div class="son"></div>
</div>
margin塌陷
什么是margin塌陷
父子元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margin会取两者的最大值,正常情况下,父级元素相当于浏览器定位,子级元素相当于父级元素进行定位,但由于margin塌陷,父级相当于浏览器定位,而子级没有相对父级定位,这就是margin塌陷
例子:
<div class="father">
<div class="son"></div>
</div>