经典面试题：CSS定位知识及小盒子套大盒子的方法

一、页面布局

1.1页面布局分类

css网页布局的本质：就是在网页中排列盒子（标签）

css网页布局分为3种机制：普通流、浮动、定位

普通流：就是从上到下，从左到右的排布

浮动：本质是让块元素横向排列

定位：相对定位（relative）、绝对定位（absolute）、固定定位（fixed）、静态定位（static）

普通流相当于大地，浮动相当于海平面，定位相对于天空

1.2定位语法

定位=定位模式+边偏移（top、bottom、left、right）

1.3相对定位

相对定位的参照点是它自身在网页中的原来的位置计算的，元素本身的位置还占据

语法：position：relative；

1.4绝对定位

绝对定位的参照点是它的定位父级元素的位置来移动的，设置绝对定位后，元素会脱离标准文档流，不占据元素本身位置

语法：position：ablution；

1.5固定定位

固定定位的参照点是网页来移动位置的。不占据本身位置。

语法：position：fixed；

1.6层级属性（层级最高，压在别的元素之上）

z-index：99； 注意z-indox属性只能添加到有定位的元素上。

1.7overflow属性

用来处理超出区域的内容如何显示