返回信息流怎么描述二者之间关系，怎么查不到相关介绍
这是一条镜像帖。来源：北邮人论坛 / www-technology / #16334同步于 2012/5/22
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
请问css中盒模型与文档类型声明的关系
lowpitched
2012/5/22镜像同步5 回复
订阅后，新回复会通过你的通知中心匿名送达。
5 条回复
在标准模式中，元素的宽度是由padding、border、width三者宽度相加决定的。
而在混杂（怪异）模式中，width本身就包括了padding和border的宽度。
顺便说一下：标准模式块级元素的经典居中方法：“margin:auto;”在混杂（怪异）模式中无法正常工作。
【 在 rhj1122 的大作中提到: 】
: 在标准模式中，元素的宽度是由padding、border、width三者宽度相加决定的。
: 而在混杂（怪异）模式中，width本身就包括了padding和border的宽度。
: 顺便说一下：标准模式块级元素的经典居中方法：“margin:auto;”在混杂（怪异）模式中无法正常工作。
谢谢
【 在 rhj1122 的大作中提到: 】
: 在标准模式中，元素的宽度是由padding、border、width三者宽度相加决定的。
: 而在混杂（怪异）模式中，width本身就包括了padding和border的宽度。
: 顺便说一下：标准模式块级元素的经典居中方法：“margin:auto;”在混杂（怪异）模式中无法正常工作。
你这回答有问题
正确的是：
在标准模式下，元素的宽度=margin+border+padding+width。
在混杂（怪异）模式下，width就是元素的实际宽度啦。而此时的内容宽度则=width-（margin+border+padding）
[ema0]
【 在 lowpitched 的大作中提到: 】
: 怎么描述二者之间关系，怎么查不到相关介绍
修改回答：
标准模式下
盒模型宽度除上述之外还包含margin，上下块级元素之间会有margin重叠，IE下浮动元素有Double margin的BUG。
对于元素来说，padding+border+content = offsetWidth，border+content = clientHeight
东西看多了看久了也混了.............
以下引用自W3C：
假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素，就需要将内容的宽度设置为 70 像素，请看下图：
http://www.w3school.com.cn/i/ct_css_boxmodel_example.gif
感谢“lanyuhe”同学指正