html - 哪种方法更好地在相对 div 中绝对定位元素或使用边距属性？

Question

我有一个 div 容器，我想知道在其中放置内部元素的最佳方法是什么。

例如 ：

 <div id="container">
      <div id="name">
            Name 
      </div>
 </div>

实现这一点的一种方法是为 ny 内部元素提供顶部、左侧、右侧和底部的绝对位置。

像这样 ：

 #container
 {
        width: 331px;
        height: 561px;
        float :left;
        margin-left : 20px;
        margin-top : 10px !important;
        border:1px solid red;
        position: relative;
 }



#name
{
        font-size: x-large;
        top: 77px;
        left: 10px;
        position:absolute;
        width:331px;

}

或者使用 margin-left 和 margin-top 属性

像这样 ：

#name
{
       font-size: x-large;
       margin-left: 8px;
       margin-top: 13px;
       width:331px;

}

这两种方法有什么区别，哪一种更好？

任何帮助表示赞赏。

Answer 1

absolute使用定位与使用定位的区别margin在于

绝对定位：

绝对定位的元素会从流中取出，因此在放置其他元素时不会占用空间。( mozilla )

因此，如果您在 #name 之后还有其他元素，它们将从 name 所在的同一点开始。( FIDDLE ) 另一方面，如果你使用边距，其他元素将在#name 停止的地方继续。（小提琴）

至于哪个更好，那是您的决定，无论哪个更适合您的需求。