css - 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

你不能浮动：中间。使用 margin:auto 使块居中。

Answer 2

我做了一个似乎可以解决它的小提琴。

http://jsfiddle.net/JKNyw/

我将浮动：中间更改为边距：自动，并在缺少的地方添加了“px”。（你的一些高度/宽度只是没有'px'的数字）¨之前

width:300;

后

width:300px;