box-sizing常用的属性有哪些?分别有什么作用?

(1)标准盒模型 box-sizing: content-box;

作用:

宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。
(2)IE盒模型 box-sizing: border-box;

作用:

元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
(3)box-sizing: inherit;继承其父元素的box-sizing 属性的值。

补充:也可以写unset  就是不设置的意思

posted @   黑白棋学弟  阅读(160)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示