请问下,网页排版 <div></div>

<div style="width:100%; height:200px;">
<div id="left" style="width:200px; height:200px; float:=left;"></div>
<div id="right"style="width:?; height:200px; float:=left;"></div>
</div>
简单的代码如上,我给#left300px的宽度,然后我想让#right以剩下宽度的100%显示 ,该怎么做?

答案：用jquery的话倒简单，
<script>
    var parentwidth = $('#left').parent().width();
    var leftwidth = $('#left').width();
    var rightwidth = parentwidth - leftwidth;
    
    $('#right).css({'width' : rightwidth});
</script>

如果单纯CSS的话，其实也不难。
你最外面的宽度是100%(这个100%应该是对再上层的父级元素宽度而言的), left和right的位置关系没猜错的话应该就是左右吧，那就设个float:left ,  left的宽度定了，right的宽度不用写，自动就撑满了吧(div是块级元素嘛)。
<div style="width:100%; height:200px;">
    <div id="left" style="width:200px; height:200px; float:=left;"></div>
    <div id="right" style="height:200px; float:=left;"></div>
</div>

其他：这个只能用js实现，不知有多少高手研究过这个问题了。
但都无法兼容所有主流浏览器。只能用js定宽了 

上一个：如何进行div分层设计
下一个：jsp里：当点提交按钮时怎样才能只显示div里的内容，从而隐藏其他内容，希望简单点的，本人在此谢过了！