CSS页面布局之浮动/定位( 三 ) _CSS

特点：

以浏览器的可视窗口为参照点移动元素（固定定位特点）
粘性定位占有原先的位置（相对定位特点）
必须添加top、left、right、bottom其中一个才有效

定位的总结：

文章插图
定位的叠放次序：z-index
在使用定位布局时，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后次序（z轴）
语法：选择器{ z-index: 1; }
特点：

数值可以是正整数，负整数或0 ，默认是auto ，数值越大，盒子越靠上
如果属性值相同，则按照书写顺序，后来居上
数字后面不能加单位
只有定位的盒子才有z-index属性

2. 定位扩展（1）绝对定位的盒子居中
说明：加了绝对定位的盒子不能通过margin:0 auto水平居中，但是可以通过以下计算方法实现水平和垂直居中
方法：
①left:50%; 让盒子的左侧移动到父级元素的水平中心位置
②margin-left:-100px; 让盒子向左移动自身宽度的一半
（2）定位的特殊特性
绝对定位和固定定位也和浮动类似