CSS将div 1对齐到center，div 2对齐右对齐

Question

请查看http://jsfiddle.net/zygnz/1/

<div class="container">
        <div class="left">
            LEFT
        </div>
        <div class="right">
            RIGHT
        </div>
</div>

我们可以将左侧块对齐到页面的中心，将右侧对齐在剩余的位置。？

Answer 1

如果你想将div 1集中到剩余空间（container-div2），你可以使用text-align：center和float div 2为容器设置样式。

否则我会使用绝对位置。

Answer 2

我为你创建了fiddle。如果你使用固定宽度的divs它将工作。如果不只是用一些javascript重写CSS。

<强> CSS：

.container
{
display:block;
width:400px;
height:250px;
background-color:black; /* not necessary */
}

.center
{
width:100px;
height:240px;
background-color:white; /* not necessary */
float:left;
margin-left:150px; /*(width_of_container/2)-(width_of_center/2)*/
}

.right
{
width:100px;
height:240px;
background-color:white; /* not necessary */
float:right;
}