CSS 将 div 1 居中和 div 2 右对齐答案

【问题标题】：CSS align div 1 to center and div 2 to right alignCSS 将 div 1 居中和 div 2 右对齐
【发布时间】：2013-03-05 01:14:41
【问题描述】：

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

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

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

【问题讨论】：

jsfiddle.net/zygnz/1 这是代码
容器是否总是给定分辨率？
Container = 450px Left = 300px Right = 100px，如果你要在 Container 中将 Left 居中，它会从任一侧向内 75px，这不会为 Right div 留下足够的空间。除非你想重叠？
我认为，如果您隐藏左栏，则this question 的答案会得到您正在寻找的东西（固定中心，流体右侧）。
我不太明白，你想让 .left div 居中，而 right div 占据容器 div 的其余部分？

标签： html css

【解决方案1】：

如果您打算将 div 1 集中到剩余空间（容器 - div2），您可以使用 text-align:center 设置容器样式并将 div 2 向右浮动。

否则我会使用绝对位置。

【讨论】：

【解决方案2】：

我为你创建了一个fiddle。如果您为 div 使用固定宽度，它将起作用。如果不只是用一些 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;
}

【讨论】：

谢谢詹姆森的回复，但我希望容器有 100% 的宽度，这个想法在我的项目中可以正常工作，但我不想应用左边距，所以有什么合适的方法吗..