本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 [署名 4.0 国际 (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/deed.zh)

本文作者: 苏洋

创建时间: 2008年01月13日
统计字数: 386字
阅读时间: 1分钟阅读
本文链接: https://soulteary.com/2008/01/13/css-box.html

-----


# CSS2.0盒模型

总是有人提起CSS的盒模型，那么这个东西到底是如何定义的呢，一言以蔽之：

[![CSS BOX](https://attachment.soulteary.com/2008/01/13/box.jpg "CSS BOX")](https://attachment.soulteary.com/2008/01/13/box.jpg)

[![CSS BOX 3D](https://attachment.soulteary.com/2008/01/13/box2.jpg "CSS BOX 3D")](https://attachment.soulteary.com/2008/01/13/box2.jpg)



FLASH附件:

- [download id="16"]

## 敲黑板

> 内容盒子在网页中的实际占用宽度 = (margin + border + padding) *2 + width
> 高度类似