Question

css盒子模式的内容(content)指什么？width：100%中的100%指盒子总宽-margin-border-padding的宽？

如果一个div内包含一个div，那么第一个div的内容(content)就是它里面包含的div？即盒子模型的内容(content)就是一个标签内的所以部分，如<div>内容(content)</div>,无论div里的内容(content)是文字，还是其他的标记嵌套。那么盒子模型的width就是它里面子元素的margin总宽（盒子的总宽）。

若margin，border，padding左右宽为0，那么width就是盒子的总宽？
盒子模式我知道，我是想知道子元素的布局由什么来确定。
我看了《css权威指南（第三版）》，第七章 基本视觉格式化 里面就讲了我的问题。

简单的讲父级块元素的content宽=子元素的左右2个外边距宽+左右2个边框宽+左右2个内边距宽+content宽。
width在ie中=border+padding+content。其他浏览器指content。
在css的定义中width就是content宽。
有不对的地方还望高人指教。

Answer 1

width=border+padding+content

border和padding都是有左右两边。下面是盒模型：这里面的611*170你可以理解为content

希望对你有所帮助，望采纳！

Answer 2

css盒模型图，看看就懂了。总尺寸=宽+内边距+边框