1回答

樱桃小胖子

2019-07-05

我们先来看一个例子：

按照正常计算规则计算高度

height+(border-top)+(border-bottom)+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)=200+2+2+10+10+10+10=244，但是实际显示的如下：

这是为什么呢？在实际显示的时候，margin设置的是与其他盒子的间距，可以理解成在实际显示的时候，margin并不计算在盒子内，而是吸附在盒子四周。如下图：

希望可以帮到你！

0