定位模式
在CSS中,position属性用于定义元素的定位模式。
属性值如下:
static:默认的文档流的布局的方式决定了元素的位置就是静态的定位方式;
relative:相对于原来的位置进行偏移;
absolute:根据父容器(必须是非static的定位的容器)进行位置定位。
一般原则:子绝父相
fixed:固定在浏览器的某个位置,浏览器scroll时不会发生变化。
relative与absolute组合:
1.参照定位元素必须是相对定位元素的前辈元素;
2.参照定位元素必须加入position:relative;
3.定位元素加入position:absolute就可以相对定位元素移动了。