作者:battleKing
仓库:Github、CodePen
博客:CSDN、掘金
反馈邮箱:amema@foxmail.com
特别声明:原创不易,未经授权不得转载或抄袭,如需转载可联系笔者授权
标准盒子模型 和 怪异盒子模型 ‼
- 可以简单理解为每个元素就是一个盒子模型
- 盒子的组成:
内容 + 内边距 + 边框 + 外边距 - 两种盒子模型(以宽度为例子)
- 标准盒子模型:margin + border + padding + width,即
width = content - IE盒子模型:margin + width(border + padding + content) ,即
width = border + padding + content
- 标准盒子模型:margin + border + padding + width,即
修改盒子模型的方法:
- 标准盒子模型:
box-sizing:centent-box【默认值】 - IE盒子模型:
box-sizing:border-box
❤️ 感谢大家
如果本文对你有帮助,就点个赞支持下吧,你的「赞」是我创作的动力。
如果你喜欢这篇文章的话,可以「点赞」 + 「收藏」 + 「转发」 给更多朋友。