Question

• I have two divs
• One with fixed width 20px;
• I want second div to take all available remaining width of its parent container
• I dont know the width in px of parent container. I have it in ‘%s’

How can I accomplish this?

Answer 1

You don’t need javascript to do this, nor as much css as the others were posting; making what this guy needs way over-complicated:

HTML

<div id='wrapper'>
    <div id='first'/>
       &nbsp;
     </div>
    <div id='second'/>
       second
     </div>    
</div>    

​
CSS

#first {
   width: 20px;
   float: left;
}

The non-floated div will assume the rest of the width of the page.

http://jsfiddle.net/thundercracker/MpPLr/28/