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

Question

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

现在的问题.当播放列表div不存在(未设置)而不制动剩余布局时,如何使我的视频播放器容器到达页面中间.

Answer 1

您可以使用更少和简单的代码执行此操作,如下所示:

.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/