css - 定位4个div

Question

好的，我已经尝试定位这 4 个 div 大约 6 个小时了。路线框应该占据导航和信息 div 之间的任何高度，不太确定如何说。如果有人可以帮助我或指出正确的方向，我将不胜感激。

http://i.stack.imgur.com/41q3H.png

当前代码在 98.214.131.200/new.php & 98.214.131.200/defualt.css

Answer 1

<div>
     <div style="background-Color:black;height:35px"></div>   
     <div style="width:30%;float:left;height:500px">
            <div style="height:50%;background-color:green;width:100%"></div>
            <div style="height:50%;background-color:blue;width:100%"></div>
     </div>
     <div  style="width:70%;float:right;height:500px;background-color:red"></div>
</div>