css - CSS边距和轮廓有什么区别？

Question

边距和轮廓都用于在边框周围添加空间。

score 7 · Accepted Answer

outline只是在边界周围画一条线，并没有实际占用空间。

这是一个演示两者的 JSFiddle：http: //jsfiddle.net/g8FXT/

score 5 · Accepted Answer

outline 只在任何元素周围画一条线，使其看起来与其他元素不同。它不会给任何空间。而 margin 会在任何元素周围留出空间。

大纲示例

边距示例

如上例所示，您可以看到左边距是如何工作的。

score 4 · Accepted Answer

4

outline纯粹是装饰性的，它不会在任何东西周围增加任何空间。

于 2013-11-02T09:40:50.897 回答

score 0 · Accepted Answer

如果您提供边距，它将在容器外部提供的方向上提供空间。填充在容器内部提供空间。轮廓纯粹是装饰性的。

4 回答 4