CSS - 左边距，顶部替代品

Question

为了在 DOM 上定位任何元素，我大部分时间使用 margin-left, margin-top : px 。有没有其他选择，使用相同的方法是否是一个好习惯？

Answer 1

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

设置position:absolute;中的一个元素，你与顶部在文档中的位置，右，下左的性能。

如果要将其位置设置为另一个元素，请将父元素设置为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>

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