0

div コンテナーがあり、その中に内部要素を配置するための最良の方法を知りたいです。

例えば ​​：

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

これを達成する 1 つの方法は、上、左、右、および下の 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;

}

これら 2 つの方法の違いと、どちらが優れているかを教えてください。

どんな助けでも大歓迎です。

4

1 に答える 1

1

absoluteポジショニング vsの使用の違いmarginは、

絶対配置の場合:

絶対配置された要素はフローから除外されるため、他の要素を配置するときにスペースを占有しません。( mozilla )

したがって、#name の後に他の要素がある場合、それらは name と同じポイントから開始されます。( FIDDLE ) 一方、マージンを使用すると、 #name が中断されたところからさらに要素が続きます。(フィドル)

どちらが優れているかは、あなたのニーズに適した方を決めるのはあなたです。

于 2013-08-13T06:57:04.840 に答える