绝对位置还是别的？

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> 

谢谢你，阿伦克里希南