<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面结构</title> <style> header, nav, article, footer{ border: solid 1px #666; padding: 5px; } header{ width: 500px; } nav{ float: left; width: 60px; height: 100px; } article{ float: left; width: 428px; height: 100px; } footer{ clear: both; width: 500px; } </style> </head> <body> <header> 头部部分 </header> <nav> 菜单导航部分 </nav> <article> 内容部分 </article> <footer> 底部部分 </footer> </body> </html>
原文：http://www.cnblogs.com/xiaoyumi666/p/6028560.html