Абсолютная позиция или что-то еще?

Question

Привет, я хочу добиться следующего:

Следующий код работает, но я не уверен, является ли позиция: абсолютная для левого верхнего «Имя» мудрым способом сделать этоили я должен использовать float ?

Вот это 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>

Спасибо, Арун Кришнан