box-sizing:border-box 解释

简介:    box-sizing:border-box    为ie的怪异盒模型引进的; 如果给标签加上box-sizing:border-box 属性,则会告知浏览器的解析器这个元素的盒模型类型为怪异盒模型; 即给元素设置的宽高不但包括content还会包含padding和border; 分割线---------------------------------------------

   box-sizing:border-box    为ie的怪异盒模型引进的;

如果给标签加上box-sizing:border-box 属性,则会告知浏览器的解析器这个元素的盒模型类型为怪异盒模型;

即给元素设置的宽高不但包括content还会包含padding和border;


分割线----------------------------------------------------------------------------------------------------------------

w3c标准的盒模型得宽高 只是指的content  ,不包括padding和border的值;

目录
相关文章
|
27天前
|
机器学习/深度学习 计算机视觉 索引
bounding box
【9月更文挑战第14天】
14 3
|
1月前
box-sizing属性值
box-sizing属性值。
23 13
|
1月前
box-sizing属性
box-sizing属性。
18 7
|
1月前
box-shadow属性
box-shadow属性。
38 8
|
4月前
|
前端开发
CSS中的边框属性:border、border-width、border-color、border-style 详解
CSS中的边框属性:border、border-width、border-color、border-style 详解
237 44
|
5月前
|
前端开发
CSS:为什么看起来content-box更合理,但还是经常使用border-box?
CSS:为什么看起来content-box更合理,但还是经常使用border-box?
87 2
|
5月前
|
前端开发
如何将一个盒子模型变成border-box?
如何将一个盒子模型变成border-box?
24 0
|
5月前
|
前端开发
对box-sizing的了解
对box-sizing的了解
51 0
|
5月前
|
前端开发
box-sizing: border-box;
box-sizing: border-box;
38 0
|
11月前
|
前端开发 容器
box—sizing 属性的了解
box—sizing 属性的了解
58 0