Question

我的左边宽度为200像素的固定宽度，然后我希望内容区域占用剩下的空间。我怎么解决这个问题？我这样做了......但它不起作用。

   #sidebar {
        float:left;
        width:200px;
        height:100%;
        background-color: blue;
    }

#mainContent {
    float:left;
    width: // USE WHATEVER SPACE IS LEFT;
    height:100%;
    background-color: red;
}

Answer 1

看一下这段代码：

http://jsfiddle.net/Ffx8R/

CSS：

#sidebar {
    float:left;
    width:200px;
    height:100%;    
}

#mainContent {

    padding-left:200px;
    height:100%;

    border:1px blue solid;
}
#container
{


    height:200px;
    clear:both;
}

HTML：

<div id="container">
    <div id="sidebar">here is sidebar info</div>
    <div id="mainContent">main Content info</div>
</div>

如何使用剩下的宽度

1 个答案: