此文档回顾了 margin 和 padding 的定义和用途，解释了块级元素和行内元素的外边距行为。文档还包含有关使用负值和居中的特殊用法，以及如何用 padding 固定子元素位置的说明。最后，提到背景图片如何与 padding 和子元素位置相关联。

1. margin & padding

2. 回顾一下定义 Margin: 外边距 Padding: 内边距 顺序：上右下左 上下和左右 块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并

3. Margin 的用处 留白 布局 20px 30px 15px

4. 特殊用法 Margin 可以取负值。 Margin-left:-20px;

5. 特殊用法 居中： margin:0 auto; IE6 有时会出现无法居中的情况。在父级元素上设置 text-align:center ；解决。 Margin:0 auto; Width:970px;

6. Padding 的用法 Padding-left:10px;

7. Padding 的用法 用于固定容器内子元素所在的位置。 背景图片可以存在于 padding 占据的空间。

8. Padding 的用法 当背景图片充满整个容器时，用 padding 来固定子元素的位置，而不用子 元素的 margin 值。 文字内容文字内容文字内容 背景图片

9. 精确的布局 LOGO 电话 语言 导航 搜索 10px 15px