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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
