wfy17030212的博客

CSS盒子模型是很重要的一个知识点，尽管现如今flex布局普及，了解并掌握盒子模型还是必不可少的。 文章目录一、盒子模型是什么？二、盒子模型的组成1.元素本身大小三.盒模型常见的问题-边距塌陷和父子嵌套margin塌陷边距塌陷父子嵌套margin塌陷四、盒子模型塌陷问题解决方法总结 一、盒子模型是什么？ 如上图，这就是一个盒子模型，这样类似的图在浏览器开发者工具中的Elements中能够找到。 二、盒子模型的组成 1.元素本身大小 以下的代码 <div class="test"></