css – 两列DIV布局成为一列对齐的列

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

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

解决方法

你可以用更少的&像这样的简单代码：

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

原文地址：https://www.jb51.cc/css/214017.html