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的值;

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