元素框的最内一部分是实践的内容，直接包围内容的是内边距。内边距涌现了元素的后盾。内边距的边际是边框。边框以外是外边距，外边距默认是透亮的，于是不会遮挡厥后的任何元素。

示意：后台使用于由模式与内边距、边框形成的地域。

内边距、边框与外边距凡是可选的，默认值是零。然则，许多元素将由用户署理样式表设置装备摆设外边距和内边距。也许经过将元素的 margin 与 padding 设置装备摆设为零来覆盖这些阅读器名堂。这大概分袂发展，也可使用普片选择器对一切元素发展设置装备摆设：

* {
  margin: 0;
  padding: 0;
}

在 CSS 中，width 与 height 指的是模式地域的宽度与高度。增多内边距、边框与外边距不会影响内容地区的尺寸，可是会添加元素框的总尺寸。

如果框的每个边上有 10 个像素的外边距与 5 个像素的内边距。如果祈望这个元素框达到 100 个像素，就紧要将形式的宽度设置装备摆设为 70 像素，请看下图：

#box {
  width: 70px;
  margin: 10px;
  padding: 5px;
}

暗示：内边距、边框和外边距可以或许运用于一个元素的全部边，也大约应用于零丁的边。

提示：外边距也许是负值，并且在得多环境下都要使用负值的外边距。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-tool/t51688.shtml