css中，盒模型中，哪种情况width/height是作用于内容区域，哪些情况作用于padding-box
哪些情况作用于marging-box，哪些情况作用于border-box。。网上查了好多资料，都混淆了，什么标准模式，混杂模式，哪个能简练一点大概介绍一下，谢谢喽。。。。...
哪些情况作用于marging-box，哪些情况作用于border-box。。网上查了好多资料，都混淆了，什么标准模式，混杂模式，哪个能简练一点大概介绍一下，谢谢喽。。。。
展开
3个回答
展开全部
标准的就是：
一个div（块状元素） 直接定义width，是其里头内容的宽度。加上padding、border、margin后就是整个盒子的总体宽度。
IE6 下的width则是包含了padding/border, 整个盒子的宽度是width+margin。
其他你不需要关注了，
到写js的时候，你会关注 clientWidth, offsetWidth等：
clientWidth=padding+内容width。
offsetWidth=border+padding+内容width。
IE6就是奇葩，初学就尽量关注w3c标准的，先学完再去弄兼容性问题。
一个div（块状元素） 直接定义width，是其里头内容的宽度。加上padding、border、margin后就是整个盒子的总体宽度。
IE6 下的width则是包含了padding/border, 整个盒子的宽度是width+margin。
其他你不需要关注了，
到写js的时候，你会关注 clientWidth, offsetWidth等：
clientWidth=padding+内容width。
offsetWidth=border+padding+内容width。
IE6就是奇葩，初学就尽量关注w3c标准的，先学完再去弄兼容性问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
CSS 中有个重要的概念，就是盒子模式 (Box model)。
胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城，而这个盒子模式套用这句话来说，就是方块套方块。
盒子里由外至里依次是：
margin 边距
border 边框
padding 间隙 (也有人称做补丁)
content (内容，比如文本，图片等)
CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
CSS 边框属性 (border) 用来设定一个元素的边线。
CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。
CSS 背景属性指的是 content 和 padding 区域。
CSS 属性中的 width 和 height 指的是 content 区域的宽和高。
胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城，而这个盒子模式套用这句话来说，就是方块套方块。
盒子里由外至里依次是：
margin 边距
border 边框
padding 间隙 (也有人称做补丁)
content (内容，比如文本，图片等)
CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
CSS 边框属性 (border) 用来设定一个元素的边线。
CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。
CSS 背景属性指的是 content 和 padding 区域。
CSS 属性中的 width 和 height 指的是 content 区域的宽和高。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
只有在IE的一些怪癖模式下 width和height才会包含padding !
所以 请不要尝试去理解IE的那么多奇怪的模式!
只要记得在各处都触发标准模式 然后用标准的写法就行了
最简单的触发标准模式的写法
<!doctype html>
<html>
所以 请不要尝试去理解IE的那么多奇怪的模式!
只要记得在各处都触发标准模式 然后用标准的写法就行了
最简单的触发标准模式的写法
<!doctype html>
<html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
