开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >CSS中的两种盒模型总结

CSS中的两种盒模型总结

作者头像

henu_Newxc03

发布于 2022-05-05 18:19:21

发布于 2022-05-05 18:19:21

3830

举报

文章被收录于专栏：Newxc03的前端之路Newxc03的前端之路

CSS3中的盒模型有两种：标准盒子模型和IE盒子模型

盒模型都是由四个部分组成的，分别是margin、border、padding和content

标准盒模型与IE盒模型的区别在于设置width和height时，所对应的范围不同。

标准盒模型的width和height属性的范围只包含了content
IE盒模型的width和height属性的范围包含了border、padding和content

可以通过修改元素的box-sizing属性来改变元素的盒模型：

box-sizing:content-box 表示标准盒模型
box-sizing:border-box 表示IE盒模型

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-05-01，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新