Css 如何集中网页内容_Css_Html_Center

Css 如何集中网页内容

css html

Css 如何集中网页内容,css,html,center,Css,Html,Center,我似乎无法解决为什么我的两个div没有集中在页面上的问题。我知道这是因为浮动：左。但就我个人而言，我不知道如何解决这个问题。有人能帮忙吗这是我的HTML： <body> <div align="center"> <div id="left" class="left"> Left box needs to be on left of of white box </div> <div id="content" class="content

我似乎无法解决为什么我的两个div没有集中在页面上的问题。我知道这是因为浮动：左。但就我个人而言，我不知道如何解决这个问题。有人能帮忙吗

这是我的HTML：

<body>
<div align="center">  
<div id="left" class="left">
Left box needs to be on left of of white box
</div>

<div id="content" class="content">
Right box needs to be on the right side of red box
</div>

</div>    
</body>

我知道浮标：左；是问题的根源，但我不知道如何解决

谢谢。

将它们包装成一个div，并设置宽度和边距：0 auto；。。。例如，将顶级div从align=center更改为class=center或id而不是class，然后执行以下操作：

.center {
  width: 600px;
  margin: 0 auto;
}

“对齐”属性不会影响块级元素的对齐，而是影响块级元素内部内联元素的对齐。而你的div不是。

效果很好。非常感谢。我是CSS新手，这对我很有帮助。再次感谢。

.center {
  width: 600px;
  margin: 0 auto;
}