我有一个网页，我使用1个div，在这个我有2个div。
<div id="bigdiv">
<div id="leftdiv"></div>
<div id="rightdiv"></div>
</div>
他们正在共享页面，因此在css中，左边的一个向左浮动而另一个向右浮动，并且调整大小。
CSS看起来像这样
#biddiv { width: 100%; height: 100%;)
#leftdiv { width: 50%; height: 100%; float: Left;}
#rightdiv { width: 50%; height: 100%; float: Right;}
这就是我的问题。左边的div中有一张图片，当我调整网页大小时，左边的div将停止调整它的高度，因此会在页脚下留下一个白色的空白区域。这不是正确的div所做的事情。
图片css看起来像这样：
#picture {height:100%; width:100%; }
使用位置：absolut或类似的东西不起作用，然后图片变得疯狂，并将自己放置在div的外面。
如何让div调整高度并使图片保持在页脚？正确的div会调整自己并且粘在页脚上，为什么不左边？