左对齐和右对齐两个div标签的最佳方法是什么？

Question

右对齐和左对齐网页上的两个div标签的最佳方法是什么？如果可能的话,我想要一个优雅的解决方案.

Answer 1

<div style="float: left;">Left Div</div>
<div style="float: right;">Right Div</div>

Answer 2

作为浮动的另一种方式:

<style>
    .wrapper{position:relative;}
    .right,.left{width:50%; position:absolute;}
    .right{right:0;}
    .left{left:0;}
</style>
...
<div class="wrapper">
    <div class="left"></div>
    <div class="right"></div>
</div>

考虑到没有必要将.left div定位为绝对(取决于你的方向,这可能是正确的),因为它将在html代码的自然流中处于所需位置.

Answer 3

<style>
#div1, #div2 {
   float: left; /* or right */
}
</style>