常见的几种页面布局、BFC以及处理过程中遇到的高度塌陷问题

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