请根据下面的HTML和CSS代码，画出布局示意图。

Question

请根据下面的HTML和CSS代码，画出布局示意图

<div id="page"> 
    <div class="main">
        <div class="sub"></div>
    </div> 
    <div class="nav"></div> 
</div>
<style type="text/css"> 
    #page { width: 520px } 
    .nav  { width: 200px float: right } 
    .main { width: 200px float: left padding-left: 110px }     
    .sub  { width: 100px float: left margin: 10px 0 10px -100px }     
    .main { border: 1px solid #000 }
    .nav, .sub { border: 1px dashed #000 height: 300px }     
    .sub { height: 280px } 
</style>