Html CSS将第1部分对齐到中心，将第2部分对齐到右对齐

请看一看

左边
正确的

---

我们可以将左侧块与页面中心对齐，将右侧块与剩余位置对齐吗？

如果要将div 1集中到剩余空间（container-div2），可以使用文本align:center和float div 2向右对齐容器样式

否则我会使用绝对位置。

我为您创建了一个。如果对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;
}

---

这里是CodeContainer是否总是给定的分辨率？container=450px Left=300px Right=100px，如果你在容器中居中，它的两边都是75px，这并没有为右边的div留下足够的空间。除非你想要重叠？我想你得到了你想要的答案（固定中心，流体右）如果你隐藏左栏。我不太明白，你想让.left div居中，右div占据容器div的其余部分吗？感谢Jameson的回复，但我希望容器有100%的宽度这个想法在我的项目中正常工作，但我不想应用左边距，所以有没有合适的方法请。。

.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;
}