<style type="text/css"> body { font: 12px arial; color: #000; background: #fff; margin: 0; } #header { height: 50px; color: #fff; background: #666; line-height: 50px; margin-bottom: 10px; } #right { width: 100%; color: #fff; float: right; margin-right: -240px; } #right_inner { height: 400px; background: #666; margin-right: 240px; } #left { width: 230px; height: 400px; color: #fff; background: #666; float: left; } #footer { height: 50px; color: #fff; background: #666; margin-top: 10px; } .clear { clear: both; } </style> </head> <body> <div id="header">顶部</div> <div id="right"> <div id="right_inner">右侧</div> </div> <div id="left">左侧</div> <div class="clear"></div> <div id="footer">底部</div>
原文：http://www.cnblogs.com/lunawzh/p/4643775.html