标准盒子模型 和 怪异盒子模型（面试每日一题）

标准盒子模型 和 怪异盒子模型 ‼

1. 可以简单理解为每个元素就是一个盒子模型
2. 盒子的组成：内容 + 内边距 + 边框 + 外边距
3. 两种盒子模型（以宽度为例子）
   • 标准盒子模型：margin + border + padding + width，即width = content
   • IE盒子模型：margin + width（border + padding + content） ，即 width = border + padding + content

修改盒子模型的方法：

• 标准盒子模型：box-sizing:centent-box 【默认值】
• IE盒子模型：box-sizing:border-box

❤️ 感谢大家

如果本文对你有帮助，就点个赞支持下吧，你的「赞」是我创作的动力。

如果你喜欢这篇文章的话，可以「点赞」 + 「收藏」 + 「转发」 给更多朋友。