CSS盒子模型(margin,padding,border等分别都是什么)以及盒模型的经典塌陷问题
CSS盒子模型是很重要的一个知识点,尽管现如今flex布局普及,了解并掌握盒子模型还是必不可少的。文章目录一、盒子模型是什么?二、盒子模型的组成1.元素本身大小三.盒模型常见的问题-边距塌陷和父子嵌套margin塌陷边距塌陷父子嵌套margin塌陷四、盒子模型塌陷问题解决方法总结一、盒子模型是什么?如上图,这就是一个盒子模型,这样类似的图在浏览器开发者工具中的Elements中能够找到。二、盒子模型的组成1.元素本身大小以下的代码<div class="test"></
原创
2022-02-25 16:14:11 ·
648 阅读 ·
0 评论