使用顶部和左侧属性以及顶部和左侧边距有什么区别?

我知道顶部和左侧通常会在position:absolute情况下使用,但我仍然想知道是否存在任何重大差异。

例如:

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

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

最佳答案

好吧,主要的区别是绝对定位的元素将从内容流中拉出。

但是,如果元素相对放置,则周围的内容可能会变得模糊。

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

看到this sample fiddle有一些区别。

当然,在某些情况下,两者都可以得出相同的结果,但是在正常情况下,这两个方法不能简单地互换或比较。

09-18 05:50