十步学会用css建站——第三步：将网站分为五个div，网页基本布局的基础;

声明：《十步学会用css建站》这篇文章非我原创，原文来自Steve Dennis的Creating a CSS Layout from scratch，由jorux翻译。我转贴此文除了想丰富我的blog内容之外也是希望更多的朋 友能够在学习css中获得一些帮助。
1.将“第一步”提到的五个部分都放入盒子中，在html文件中写入：
<div id="page-container"><div id="main-nav">Main Nav</div> <div id="header">Header</div> <div id="sidebar-a">Sidebar A</div> <div id="content">Content</div> <div id="footer">Footer</div></div>

#main-nav {background: red;height: 50px;}#header {background: blue;height: 150px;}#sidebar-a {background: darkgreen;}#content {background: green;}#footer {background: orange;height: 66px;}
表现如下：