Question

i have my html something like this…

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

Now my folder-list div size is 160px. Now I want the message-list div to take rest of the width of the content class which is set to 100%(width of the content). I dont want to fix the width for message-list in the CSS. How can I achieve that?

I have added float:left property to both the divs.

Answer 1

Write like this:

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

Check this http://jsfiddle.net/BB9w6/