1、定位
1、定位属性
1、定位属性
属性：position
取值：
1、static
默认值，默认定位方式
2、relative
相对定位
3、absolute
绝对定位
4、fixed
固定定位
注意：position取值为 relative，absolute，fixed 的元素被称为 已定位元素
祖先元素：无限父级元素
2、偏移属性（必须配合着position使用）
作用：移动已定位元素
属性：
top:值;（相对于上边框偏移多少，可正可负，负的话就是在外面啦）
bottom:值;
left:值;
right:值;
3、堆叠顺序
属性:z-index
取值:无单位数值，值越大，越靠上
2、定位方式-相对定位
1、什么是相对定位
元素会相对于它原来的位置偏移某个距离
元素移动位置后，原来所占据的空间依然会保留
2、使用场合
位置微调
3、语法：
属性：
position:relative;
配合着 偏移属性 实现位置的移动
3、定位方式-绝对定位（*****一定要搞清楚谁来实现绝对定位，常将想要相对于谁实现绝对设为relative，因为relative是已定位元素*******）
1、绝对定位的特征
1、元素会脱离文档流（不占据页面空间）
2、相对于 最近的 已定位的祖先元素 来实现位置的初始化
3、如果元素没有已定位祖先元素，那么它的位置就相对于最初的包含块(body,html)（依赖于最近的已定位祖先元素）
2、语法
属性：
position:absolute;
配合着 偏移属性 实现位置的初始化或移动
3、绝对定位使用场合
弹出菜单
4、注意
1、绝对定位的元素会变成块级
2、绝对定位的元素可以使用 margin来改变位置，但是 margin:auto 会失效
4、堆叠顺序
1、作用
处理 已定位元素的 堆叠效果
2、默认堆叠效果
1、平级元素-后来者居上
2、子元素压在父元素之上-子压父
3、属性
z-index
取值：数值越大越靠上
4、注意
1、取值可以为负，取值为负时，当前元素会位于页面所有正常显示内容之下
2、z-index 是无法改变父子关系的堆叠顺序，永远都是子压在父上（爸爸永远是你爸爸）
3、z-index只能作用在已定位的元素上
4、如果不指定z-index，则后来者居上
5、固定定位
1、什么是固定定位
将元素固定在网页的某个位置处
不会随着滚动条而发生位置的变化
2、语法
position:fixed;
配合 片以属性 改变元素位置
3、注意
固定定位永远都是相对于浏览器窗口进行位置初始化的。
各种定位的使用场合：
1、浮动：多个块级元素想在一行内显示时，用浮动定位
2、相对定位：元素要实现自身位置微调时，用相对定位
3、绝对定位：实现弹出内容时，用绝对定位，配合着父元素做相对定位一起完成
4、固定定位：顶部固定，边栏（广告），使用固定定位。