本文就来为大家介绍3种常见的css页面布局：双飞翼布局、粘连布局、左右两列布局，希望对大家有一定的帮助。
（推荐教程：CSS视频教程）
一、左右两列布局
1、代码如下
立即学习“前端免费学习笔记（深入）”；
两列布局 leftlzprightrightrightrightrightrightrightrightrightrightrightrightrightright
rightrightrightrightrightrightrightrightrightrightrightrightrightright
rightrightrightrightrightrightrightrightrightrightrightrightrightright
rightrightrightrightrightrightrightrightrightrightrightrightrightright
效果如下：
2、必要说明
外层容器con如果为固定宽度，right元素的overflow: hidden;是必须的，否则会出现rig中的字体不在rig里面。
外层容器con宽度如果是100%，或者默认，此时right元素的overflow: hidden;可有可无，页面不会因此受到影响。
二、粘连布局
1、代码如下：
粘连布局 main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
mlzpain
三、双飞翼布局
双飞翼三列布局 middle
middle
middle
leftright
效果如下：
更多编程相关知识，请访问：编程教学！！
