学习DIV+CSS网页布局之混合布局

        <li><a href="#">服务</a></li>  
        <li><a href="#">社区</a></li>  
        <li><a href="#">关于我们</a></li>  
    </ul>  
</div>  
<div id="main">  
    <div class="left">左边</div>  
    <div class="right">  
        <div class="sup">  
            <div class="sup-left">右-左</div>  
            <div class="sup-right">右-右</div>  
        </div>  
        <div class="middle">右-中</div>  
        <div class="sub">右-下</div>  
    </div>  
</div>  
<div id="footer">页脚</div>  
</body>  
</html>  

原文：http://www.cnblogs.com/Mtime/p/5276222.html