说在前面
文档流
文档流包括浮动流、定位流以及普通的标准流。
一、常见的几种页面布局
静态布局
定位布局
流式布局
弹性布局
自适应布局
响应式布局
圣杯、双飞翼、栅格布局
1、静态布局
特点: 传统的网页布局形式,页面上的所有元素的尺寸均使用px(像素)作为单位,当屏幕缩小的时候,会出现滚动条
优点 :代码简单,编写容易,且无兼容性问题
缺点:无法根据不同的屏幕尺寸做出相应的表现
2、定位布局
特点: 使用 position 属性定义定位类型,并指定元素位置来布局
position部分属性:s