css - CSS - margin-left，顶级替代品

Question

为了在 DOM 上定位任何元素，我大部分时间都使用 margin-left, margin-top : px。是否有任何替代方法，使用相同的方法是一种好习惯吗？

Answer 1

通常用于在 DOM 中定位元素时使用position:relative;和/或position:absolute;。

在元素中设置position:absolute;，您可以使用 top、right、bottom 和 left 属性设置其在文档中的位置。

如果要将其位置设置为另一个元素，请将父元素设置为position:relative;，我认为这是您通常的情况

例如，替代方案margin-top:20px; margin-left:20px;是：

<div id="outer">
    <div id="inner">
    </div>
</div>  
<style>
#outer { position:relative; }
#inner { position:absolute; top:20px; left:20px; }
</style>

使用这些属性可能有点棘手，但它为您提供了更大的灵活性。你可以在这里阅读更多关于它的信息。