一共有三种基本定位机制:普通流,浮动和绝对定位。
定位 position
-
1.相对定位 position: relative;
-
相对定位是相对自己的原始位置进行定位。
-
仍然占据原来的文档流位置,所以其后的元素的位置不会改变。即不脱离文档流。
-
2.绝对定位 position: absolute;
-
相对于已设置 position:relative; 的父元素进行定位。如果没有那样的父元素,则相对于根节点 body。
-
不再占据文档流空间。即脱离文档流。
-
3.相对于浏览器定位 position: fixed;
-
相对于浏览器的窗口进行定位。
-
不再占据文档流空间。即脱离文档流。
-
4.普通文档流定位 postion: static;
-
从上至下,从左往右依次排列,块级元素独占一行,行内元素会紧挨着。
-
就是普通的文档流。
网友评论