CSS:自动调整div以适应容器宽度

前端之家收集整理的这篇文章主要介绍了CSS:自动调整div以适应容器宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个÷ div:左和内容.这两个内部包含最小宽度为960像素的包装div.左边有固定的宽度,但是我想让最小宽度为700px的内容灵活,如果屏幕较宽,请粘贴到屏幕的右边界.

CSS:

#wrapper
{
    min-width:960px;
    margin-left:auto;
    margin-right:auto;
}
#left
{
    width:200px;
    float:left;
    background-color:antiquewhite;
    margin-left:10px;
}
#content
{
    min-width:700px;
    margin-left:10px;
    width:auto;
    float:left;
    background-color:AppWorkspace;
}

JSFiddle:http://jsfiddle.net/Zvt2j/

解决方法

你可以溢出:隐藏到你的#content.这样写:
#content
{
    min-width:700px;
    margin-left:10px;
    overflow:hidden;
    background-color:AppWorkspace;
}

检查这个http://jsfiddle.net/Zvt2j/1/

猜你在找的CSS相关文章