拉伸右浮动div宽度？

Question

我有2个浮点数：左边的div，第一个是固定的，我希望第二个div拉伸剩余的空间。

<div id="container">
 <div id="leftform"> </div>
 <div id="rightform"> </div>
</div>

有什么想法吗？感谢

Answer 1

在CSS2中：

#container {display:table; table-layout:fixed;}
#leftform, #rightform {display:table-cell;}
#leftform {width:100px;}

在IE黑客的世界中：

#container {padding-left:100px;}
#leftform {float:left; width:100px; margin-left:-100px;}

Answer 2

使用javascript函数使两者的高度相等。

//fixing column height problem using Prototype
Event.observe(window,"load",function(){                         
    if(parseInt($('leftform').getStyle('height')) > parseInt($('rightform').getStyle('height')))
        $('rightform').setStyle({'height' : parseInt($('leftform').getStyle('height'))+'px'});
    else
        $('leftform').setStyle({'height' : parseInt($('rightform').getStyle('height'))+'px'});
});//observe

同样的问题here。