标准盒模型(content-box):默认值。设置的 width 和 height 仅包含内容区。元素的实际占用尺寸 = 内容宽高 + padding + border。
IE盒模型(border-box):设置的 width 和 height 包含了内容区、padding 和 border。这在实际开发中更便于控制元素大小。
两种盒模型计算方式
📅 2026/7/9 18:04:16
👁️ 阅读次数
📝 编程学习
编程学习
技术分享
实战经验
深入了解每一个知识点
标准盒模型(content-box):默认值。设置的 width 和 height 仅包含内容区。元素的实际占用尺寸 = 内容宽高 + padding + border。
IE盒模型(border-box):设置的 width 和 height 包含了内容区、padding 和 border。这在实际开发中更便于控制元素大小。