html - Top & Left vs margin-top 和 margin-left

Question

使用 top 和 left 属性以及 top 和 left margin 有什么区别？

我知道 top 和 left 通常用于 position:absolute 情况，但我仍然想知道是否有任何重大区别。

例如:

position:absolute;
top:5px;
left:5px;

-对比-

margin-top:5px;
margin-left:5px;

Answer 1

好吧，主要区别在于绝对定位元素被从内容流中拉出。

但是对于相对定位的元素，周围的内容可能会变得模糊不清。

另一方面，边距会添加到元素的大小，而周围的内容会相应地流动。

参见 this sample fiddle有一些差异。

当然也有两种方法得出相同结果的情况，但在正常情况下，这两种方法不能简单地交换或比较。