效果图镇楼
html
<body> <div id="top"></div> <div id="left"> <div class="left"></div> </div> <div id="right"> <div class="right"></div> </div> </body>
style
<style> *{margin: 0;padding:0} html,body{height: 100%;} #top{ width:100%; height: 100px; position:fixed; z-index: 10; background: #666; } #left{ width:200px; height: 100%; position: absolute; top:0px; left:0; background: #999; } #left .left{ padding-top:100px; } #right{ height: 100%; margin-left:200px; background:#ccc; } #right .right{ padding-top:100px; } </style>
欠我家东东一个大大的生日蛋糕~~~
原文：https://www.cnblogs.com/wong-do/p/9056632.html