不简单的布局知识

页面布局是我们在日常项目中必不可少的一项工作，当然有很多大公司是分工合作的，比如你做页面布局，然后我做功能操作，然后又另外一个人搞数据库这样，高效率工作。页面布局说难也不难，但是也不是很简单，有些人以为搭建出页面就完成任务了，然而并不是这样的，页面布局规范不规范，把浏览器的显示大小进行调节调试就知道了，如果把它缩小的过程，页面布局全部乱了，那就是不规范的页面了，如果说缩小放大的时候，页面没有乱，很整齐的显示，那么页面时规范设计的，下图就是不规范的页面布局

页面布局这是有一定的知识量的，比如说某些规范等等，下面分享一些知识点

单列布局1
特点：

头部、主体、底部等宽
单列布局2
特点：

头部、底部自适应页面宽度
主体特定宽度
两列布局1
特点：

左侧边栏固定
右侧主体自适应
两列布局2
特点：

右侧边栏固定
左侧主体自适应
两列布局3
特点：

左右二列固定宽度
二列全部采用浮动
使用伪类撑开父级
两列布局4
特点：

左右二列固定宽度
采用绝对定位布局
三列布局1
特点：

左右二列固定宽度
中间主体区自适应
使用浮动加外边距
区块顺序非常重要
三列布局2
特点：

左右二列绝对位置
中间主体区自适应
中间用外边距实现