哪种方法更适合相对div中的绝对位置元素或使用margin属性？

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之后有其他元素，它们将从名称所在的同一点开始。 （的 FIDDLE ） 另一方面，如果你使用保证金，其他元素将继续#name off off。 （的 FIDDLE ）

哪个更好，这是您的决定，更适合您的需求。