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%没用