将2个div放在不同宽度的包装内，而不固定第二个div的宽度

Question

我的html是这样的......

<div class = "content">
    <div class = "folder-list">
    </div>
    <div class = "message-list">
    </div>
</div>

现在我的文件夹列表 div大小为160px。现在我希望 message-list div占用内容类的其余宽度，该宽度设置为100％（内容的宽度）。我不想修复CSS中消息列表的宽度。我怎样才能做到这一点？

我已将 float：left 属性添加到两个div。

Answer 1

像这样写：

.folder-list{
 width:160px;
 float:left;
}
.message-list{
 overflow:hidden;
}

选中此http://jsfiddle.net/BB9w6/

Answer 2

请检查：

css代码：

.folder-list{
    width: 160px;
    background:orange;
    float:left;
}
.message-list{
    width:100%;
    background:yellow;
}

html代码：

<div class = "content">
    <div class = "folder-list">
    Test1
    </div>
    <div class = "message-list">
    Test2

    </div>
</div>