两列DIV布局成为一个列中心对齐

Question

在我的网页中心，我有一个带有id中心容器的div，其中包含2个div：一个用于视频播放器（在左侧），第二个用于播放列表中的可选内容。在中心容器div的上方和下方，我还有另一个内容。

现在的问题。当播放列表div不存在（未设置）而不制动剩余布局时，如何让我的视频播放器容器到达页面中间。

Answer 1

你可以用更少的＆amp;简单的代码如下：

.playlist{
    width:100px;
    height:100px;
    float:right;
    background:blue;
    margin-right:20px;
}
.playlist + .video{
    width:200px;
    height:100px;
    margin-left:20px;
    background:green;
    float:left;
}
.video{
    width:200px;
    height:100px;
    margin:0 auto;
    background:green;
}

http://jsfiddle.net/qcTSt/

Answer 2

得到了它！

http://jsfiddle.net/6y5N4/7/

一直在使用这个！只需从容器中删除应该是可选的内容（如播放列表），另一个容器应该没有问题。