在CSS中，边距和填充到底有什么区别?它似乎真的没有多大用处。你能给我举个例子说明区别在哪里(以及为什么知道区别很重要)吗?
当前回答
填充
Padding是一个CSS属性，用于定义元素内容与其边框(如果有边框的话)之间的空间。如果元素周围有边框，则填充将从该边框到出现在该边框中的元素内容之间留出空间。如果元素周围没有边框，那么添加填充对该元素没有任何影响，因为没有边框可以提供空格。
保证金
Margin是一个CSS属性，用于定义元素外部到下一个外部元素的间距。
边距影响有或没有边界的元素。如果一个元素有边框，则margin定义了从这个边框到下一个外部元素的空间。如果元素没有边框，则margin定义从元素内容到下一个外部元素之间的空间。
Padding和Margin的区别
所以边距和填充的区别在于填充处理内部空间，而边距处理下一个外部元素的外部空间。
其他回答
最简单的定义是; Padding是容器元素边界内的一个空格，margin是容器元素边界外的一个空格。 对于不是容器的元素，填充可能没有多大意义，但空白可以帮助排列它。
边框=元素边框外的空间。
Padding =元素(内部)从文本到边框的空格。
请看这里:http://jsfiddle.net/robx/GaMpq/
Padding是网页上最接近的组件之间的空间，margin是网页边缘的空间。
边距应用于元素的外部，从而影响元素与其他元素的距离。
填充应用于元素的内部，从而影响元素的内容距离边框的距离。
此外，使用边距不会影响元素的尺寸，而填充会使元素的尺寸(设置高度+填充)，例如，如果你有一个100x100px的div，填充5px，你的div实际上将是105x105px
基本上，边距和边距的区别在于背景。填充将决定内容之间的空间，而边距将决定元素的外部边缘!
