HTML+CSS问题，可能会用到JS，求解决？

Question

<div style="width:500px;margin:0 auto;border:1px solid #ccc">
<div style="width:100px;background:red;float:left;height:100%;min-height:100px;"></div>
<div style="width:300px;background:blue;float:left">
这里是内容<br />
这里是内容<br />
这里是内容<br />
这里是内容<br />
这里是内容<br />
这里是内容<br />
这里是内容<br />
这里是内容<br />
这里是内容<br />
</div>
<div style="width:100px;background:yellow;float:left;height:100%;min-height:100px;"></div>
<div style="clear:both"></div>
</div>
现在要左右背景为红黄的DIV 高度为大DIV的高度 撑开 ，应该怎么实现哦？ height:100%没用