div+css实例分享：非常不错的页面制作方法

源代码网整理以下做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。

源代码网整理以下一、框架

源代码网整理以下页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面，由于布局的需要，还应在“头”的下面还要加个“菜单”。 

 

源代码网整理以下二、布局(以下用#ID表示页面元素)

源代码网整理以下#Head和#Foot里的就不说了，具体查看演示页面源码。

源代码网整理以下布局说的是将#Main里的内容分成几大块。我们看Tudou.com，#Main里典型的左右结构，我们用#Layout_1，#Layout_2表示。如图