1、新建一个HTML文档，如图所示
2、定义页眉，页脚，侧边栏和内容，在body标签里输入<div class=""> <div id=&鳎溻趄酃quot;">页眉</div> <div class="">侧边栏</div> <div class="">主 内容</div> <div id="">页脚</div></div>如图所示
4、然后在head标签里定义css文件，如图所示
6、编辑定位整体，输入.wrapper { width: 960px; margin-left: auto; 罪焐芡拂margin-right: auto; color: #fff; font-size: 30px; text-align: center;}如图所示
8、编写页脚。输入#footer { background: #cc4ad5; height: 100px; text-align: center; clear: both;}
10、编写内容部分，输入.content { float: left; width: 720px; height: 300px; background: #c8ca30; margin-bottom: 10px;}
