CSS如何让一个div在右边，一个div恰好在中间？

Question

我有一个 div，但它现在覆盖了整个 atm。我希望 div 恰好位于中间(就像在这个网站上一样)，+ 在右侧有一个额外的 div，它覆盖了中间 div 右侧的所有空间。所以只有左边应该是空白的。我该怎么做呢？这是我的 CSS 代码:

.header{

position:relative;
z-index:10;
text-align: center;
width:1900;
height:100;
background-size:100%;

font-size: 36px;
font-weight: bold;
font-family: Brush Script Std ;
background-color:#C0C0C0;
}

.middle{
width:1000;
float:middle;
padding:0px;
margin:0px;
height:819;
border:50px;
}

.right{
font-size: 36px;
font-weight: bold;
font-family: Brush Script Std ;
float: right;
width: 300;
margin-left: -200px;
height: 818;
background-color:#C0C0C0;
}

.footer{
text-align: center;
height:50px;
width: 1900px;
background-color:#C0C0C0;
}

Answer 1

你不能 float :中间。使用 margin:auto 使 block 居中。