• 三个百分比栏目 (01)
• 三个百分比栏目 (02)
• 三个百分比栏目 (03)
• 三个百分比栏目 (04)
• 三个百分比栏目 (05)
• 三个百分比栏目 (06)
• 三个固定宽度栏目 (7)
• 三个固定宽度栏目 (8)
• 三个固定宽度栏目 (9)
• 三个固定宽度栏目 (10)
• 三个固定宽度栏目 (11)
• 三个固定宽度栏目 (12)
• 自适应，二级栏目固定宽度 (13)
• 自适应，二级栏目固定宽度 (14)
• 自适应，二级栏目固定宽度 (15)
• 自适应，二级栏目固定宽度 (16)
• 自适应，二级栏目固定宽度 (17)
• 自适应，二级栏目固定宽度 (18)
• 自适应，三栏，混合宽度 (19)
• 自适应，三栏，混合宽度 (20)
• 自适应，三栏，混合宽度 (21)
• 自适应，三栏，混合宽度 (22)
• 两栏自适应，一边固定宽度 (23)
• 两栏自适应，一边固定宽度 (24)
• 两个百分比栏目 (25)
• 两个百分比栏目 (26)
• 上一下各半自适应 (27)
• 上一下各半自适应 (28)
• 两个百分比栏目和一个较大容器 (29)
• 两个百分比栏目和一个较大容器 (30)
• 左固定宽度，右、下自适应 (31)
• 右固定宽度，左、下自适应 (32)
• 两栏固定宽度 (33)
• 两栏固定宽度 (34)
• 两栏固定宽度 (35)
• 两栏固定宽度 (36)
• 两栏固定宽度 (37)
• 两栏固定宽度 (38)
• 固定宽度品字型 (39)
• 固定宽度品字型 (40)

说明

页面HTML包含以下五部分：头，内容，导航，额外的一些东西。如下：

<div id="container">

  <div id="header">头</div>

  <div id="wrapper">

    <div id="content">内容</div>

  </div>

  <div id="navigation">侧栏</div>

  <div id="extra">额外</div>

  <div id="footer">页脚</div>

</div> 

来自http://blog.html.it/layoutgala/