6种盒模型，盒子的类型有几个属性的组合所决定：display、position、float。

内联 Inline-Box
内联块状 Inline-block Box
块状 Block Box
表格 Table Box
绝对定位 Absolute Box
浮动 Floated Box

overflow 决定元素的内容大于它的内盒时将会发生什么，默认情况下是依然显示溢出的内容。

width:auto 是默认设置，水平包裹内联、内联块状、浮动、表格和绝对定位。
width:auto 水平拉伸块状和绝对定位盒模型(当left和right都设置了一个值，例如0)。

height:auto 是默认设置，包裹内联、内联块状、块状、浮动、表格和绝对定位。
height:auto 竖直拉伸绝对定位盒模型，仅当top和bottom都设置了一个值(例如0)的时候。

height:100% 会把元素的高度设置成与父元素一样，但拥有一些局限，浏览器不会自动调整高度以保持元素的拉伸的状态。元素的垂直外边距、边框或者内边距能够扩展它的高度，甚至超越父元素的高度。

---

© admin for 可乐吧, 2015. | Permalink | No comment | Add to del.icio.us
Post tags: css 盒模型

您可能也喜欢：

读书笔记 － css 继承

读书笔记－css 定位

CSS3 Flexible Box Model（弹性盒子模型）

css语法细节、html元素（读书笔记）

无觅

Feed enhanced by Better Feed from Ozh