css – 头寸和保证金之间的差异

前端之家收集整理的这篇文章主要介绍了css – 头寸和保证金之间的差异前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Negative margins vs relative positioning3个
有什么区别
position : relative;
bottom : 10px;

而且:

margin-top: -10px;

在我看来他们是一样的不是?

解决方法

当您使用position:relative时,它将元素定位在文档流中的正常位置,然后将其移动到偏移位置.它最初占据的空间在布局中保留(左空).

FIDDLE DEMO for position: relative

然而,边距不是定位属性,实际上它是用于在页面上创建块框的框模型的一部分.它是元素的边界边缘与下一个相邻元素的边界之间存在的空间.

FIDDLE DEMO for margin

另请查看Negative margins vs relative positioning

原文链接:https://www.f2er.com/css/215250.html

猜你在找的CSS相关文章