<!DOCTYPE html>



菜鸟教程(runoob.com)


box-sizing 属性

定义如何计算一个元素的总宽度和总高度，是否包含内边距和边框。

box-sizing: content-box (默认):

高度和宽度只应用于元素的内容:

这个 div 的宽度为 300px。但完整宽度为 300px + 20px (左边框和右边框) + 60px (左边距和右边距) = 380px!

box-sizing: border-box:

高度和宽度应用于元素的所有部分: 内容、内边距和边框:

不管如何这里的完整宽度为300px!


End

本文标题： html & CSS

本文链接： https://blog.kisenhz.cn/archives/17.html

除非另有说明，本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议。

声明：转载请注明文章来源。

最后修改：2024 年 12 月 15 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏