1、单栏布局 (http://js.jirengu.com/kukeqowive)
2、三栏布局 (http://js.jirengu.com/cosusuyate)
3、实现圣杯布局，首先明白什么是圣杯布局
圣杯布局是三列布局，两边固定宽度，中间自适应
中间内容元素在 dom 元素次序中优先位置。采用三列全部浮动，（思考，不能在子元素实现，可不可以在父容器实现呢。）。当显示屏像素小于所设定的左右两栏的宽度时，会出现下移现象。
demo (http://js.jirengu.com/meqojiyusi/1/edit?html,css)
4、实现双飞翼布局
demo (http://js.jirengu.com/xesaropipu/1/edit)
没看出来与圣杯布局有什么区别呀，只不过使用的方法不一样。
5、实现如下页面 页面范例
demo (http://js.jirengu.com/qutukifawo)
布局demo
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
