html css 3 div并排,CSS-并排对齐两个div

CSS-并排对齐两个div

这个问题已经在这里有了答案：

并排对齐

元素 3个答案

我有一个小问题。 我正在尝试使用CSS并排对齐两个div，但是，我希望将中心div在页面中水平居中放置，我通过使用以下方法实现了这一点：

#page-wrap { margin 0 auto; }

很好 我想将第二个div放置在中心页面换行的左侧，但是尽管可以确定，但我无法使用浮点数来完成此操作。

我想将红色div推向白色div。

这是我当前关于这两个div的CSS，侧边栏是红色div，页面换行是白色div：

#sidebar {

width: 200px;

height: 400px;

background: red;

float: left;

}

#page-wrap {

margin: 0 auto;

width: 600px;

background: #ffffff;

height: 400px;

}

Ronnie asked 2020-07-05T18:22:48Z

6个解决方案

74 votes

如果包裹了div，如下所示：

您可以使用以下样式：

#main {

width: 800px;

margin: 0 auto;

}

#sidebar {

widt