求代码所示的布局图

a.html的页面代码如下:
<style>
div{ margin:2px;border:solid 1px #000;width:100%;}
#div1{height:400px;width:400px;}
#div2{height:100px;float:left;}
#div3{height:100px;float:left;}
#div4{height:100px;float:left;}
</style>
<div id="div1">
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
</div>
请画出页面a.html执行后的大致表现布局图

已解決。。。