html – 顶部和左侧与边缘顶部和边缘左边

概述使用顶部和左侧属性以及顶部和左侧边距有什么区别？ 我知道顶部和左侧通常用于位置：绝对情况，但我仍然想知道是否有重大差异。 例如： position:absolute;top:5px;left:5px; 航班吗 margin-top:5px;margin-left:5px; 那么主要的区别就是把绝对定位的元素从内容流中拉出来。 而且，相对定位的元件也可能会使周围的内容变得混淆。 另一方面，边距 使用顶部和左侧属性以及顶部和左侧边距有什么区别？

我知道顶部和左侧通常用于位置：绝对情况，但我仍然想知道是否有重大差异。

例如：

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

航班吗

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

解决方法 那么主要的区别就是把绝对定位的元素从内容流中拉出来。

而且，相对定位的元件也可能会使周围的内容变得混淆。

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

见this sample fiddle有一些差异。

当然有两种情况都能得到相同的结果，但是在正常情况下，这两种方法并不是简单的可交换和可比的。

总结

以上是内存溢出为你收集整理的html – 顶部和左侧与边缘顶部和边缘左边全部内容，希望文章能够帮你解决html – 顶部和左侧与边缘顶部和边缘左边所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。