絕對位置還是別的？

Question

您好我要實現以下目標：

下面的代碼工作，但我不知道如果位置：絕對左上「名稱」是明智的方式來做到這一點，或者我應該使用浮動 ？

這裏是HTML

<div class="bodyframe"> 
     <div class="upperbodyframe"> 
      <div id="leftupperbodyframe">Name</div> 
      <div id="rightupperbodyframe">Name 2 Name 3</div> 

     </div> 

而且CSS

![.bodyframe { 

} 
.upperbodyframe{ 


} 

#leftupperbodyframe{ 

    text-align:left; 
    border: 1px solid ; 
    position: absolute; 
} 
#rightupperbodyframe{ 
    text-align: right; 

    }] 

Answer 1

我會在這裏使用浮動。這個職位真的沒有理由：絕對在這裏。

.upperbodyframe {overflow:hidden} /* or div will collapse with only floated elements inside */ 
#leftupperbodyframe {float:left; border: 1px solid ;} 
#rightupperbodyframe {float:right;} 

Answer 2

您可以用兩個方法做到這一點。

第一種方法

.upperbodyframe{ 
    width:100%; 
    position:absolute; 
} 
#leftupperbodyframe{ 
    position: absolute; 
    left:0px; 
} 
#rightupperbodyframe{ 
    position: absolute; 
    right:0px; 
} 
.clear{ 
    clear:both; 
} 
<div class="upperbodyframe"> 
      <div id="leftupperbodyframe">Name</div> 
      <div id="rightupperbodyframe">Name 2 Name 3</div> 
     </div> 

第二種方法

.upperbodyframe{ 
    width:100%; 
} 
#leftupperbodyframe{ 
    float:left; 
} 
#rightupperbodyframe{ 
    float:right; 
} 
.clear{ 
    clear:both; 
} 
<div class="upperbodyframe"> 
      <div id="leftupperbodyframe">Name</div> 
      <div id="rightupperbodyframe">Name 2 Name 3</div> 
     </div> 

謝謝你，阿倫克里希南