手绘页面布局(上下左右中)

1、空白页面

2、添加6个 div 标签

 







1
2
3
4
5
6


 

3、将页面划分为五个部分：banner、left、center、right、bottom，在加上页面本身共6个

标签。

页面id定义为 page_container，和其他五个id是父子关系。

 









	
2
	
3
	
4
	
5
	
6



 

4、添加CSS约束的框架

 









	
2
	
3
	
4
	
5
	
6



   

5、添加每一个id的位置和范围

 









	
2
	
3
	
4
	
5
	
6



 

这样一个页面布局就完成了。