1.static(默认定位)
元素不变,没有定位,忽略top、bottom、left、right声明。(不常用)
2.fixed(固定定位)
相对于浏览器窗口的定位,如常见的广告窗口。
3.relative(相对定位)
相对于元素原本位置的定位。
4.absolute(绝对定位)
相对与最近的已定位的父元素(该父元素可以是position中的任何值),若没有已定位的元素,则相对于<html>定位。
5.inherit(继承定位)
从父元素继承position定位。(不常用)
注意:
- float不能和position共用;
- 用absolute是给父元素加relative;
- js用法:变量名.style.positio = "absolute";
- 小应用:给所用的元素设置absolute,让其堆叠在一起,互相遮盖。(可以用于做某些点击效果和轮播效果)