css垂直外边距叠加的原因

Question

我知道怎么解决垂直外边距叠加,但是为什么会这样出现和设计呢,是因为浏览器渲染的原因么,如果不叠加,会怎么样,不太理解

Answer 1

1、外边距的叠加，其实是特指垂直外边距的叠加，因为规定水平外边距是不会进行叠加的。
2、外边距的叠加原则，可以用通俗的四个字概括：“弱肉强食”，即都为正值是取较大值。
3、为什么要有外边距的叠加呢？有一些标签，如<p></p>标签，是默认有上下外边距的。当你上下排列数个<p>标签时，如果没有外边距的叠加原则，那么就会出现2倍边距的尴尬情况。同理，如果你通过列表渲染输出数个上下排列的子块级元素，如果没有外边距的叠加原则，也是会出现此类情况。