CSS - margin-left，top alternative

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>

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