什么是盒模型

当浏览器展示一个元素的时候，这个元素都会占据一定的空间，把这个空间的模型抽象出来，就有了盒模型，大概结构如下图所示：

两种盒模型

• content-box 内容盒，内容是盒子的边界
• border-box 边框盒，边框是盒子的边界

margin合并

在查看了MDN后，测试了MDN给的例子，发现很多例子居然没有出现margin合并的现象，css可能就是这么不可理喻。所以这里只做记录，等以后水平精进后再继续测试学习。