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

前端之家收集整理的这篇文章主要介绍了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/

猜你在找的CSS相关文章