一:概念
1. static
static是默认的流,没有top, bottom, left, right属性和z-index属性
2. relative
相对于该元素原先的位置进行定位,可以指定top, bottom, left, right属性和z-index属性
元素仍存在原文本流中,在文本流中占据位置
相对于最近的父元素定位
3. absolute
相对于除static定位以外第一个父元素进行定位,可以指定top, bottom, left, right属性和z-index属性
元素脱离文本流
相对于最近的absolute或者relative元素定位
4. fixed
相对于浏览器窗口进行定位,可以指定top, bottom, left, right属性和z-index属性
二:使用
1. 若想把一个定位属性为absolute的元素定位于其父级元素内,只有满足两个条件
1. 设定TRBL
2. 父级元素设定Position属性
2. 绝对定位超出可视区域范围会出现滚动条,相对定位元素在可视区域之外,滚动条不会出现