将div放在另一个div中

Question

我正在创建一个网站，我有一个div设置主要内容的主要（称为页面）和最大宽度。我如何在CSS中将另一个div设置为页面的50％，以便它始终居中。感谢。

主要内容Div：

#page{ /* Sets page width and colour*/
margin-left: 200px;
min-width: 400px;
max-width: 982px;
background-color: #FFFFFF;
padding-bottom: 5px;
}

编辑：

    <div class="Serverimg">
       <div class="CenterDiv">
         <img src="C:\Users\Corey\Documents\Web Project\images\serverroom.jpg" class="ServerRoom"  alt="" style="width:400px;height:300px": />
       </div>
    </div>

WITH CSS：

 #CenterDiv {
 width: 50%;
 margin: 0 auto;
 }

Answer 1

要执行此操作，请在其中放入另一个div并添加以下CSS：

#centerDiv {
     width: 50%;
     margin: 0 auto;
}

您正在做的是告诉centerDiv始终为page宽度的50％，然后在两侧分配相等的边距，使其浮动在中心。