position定位

position的英文意思呢是位置，方位; 地位，职位; 态度; 状态；

它有定位有四个值分别是绝对定位的两个值absolute和fixed，相对定位的relative，还有一个默认的值static而它呢没有定位。

下面呢，我说先说一下：

　　　　position的值，relative和absolute分别是相对于谁来进行定位的？

　　　　　　absolute：生成绝对定位的元素，它是相对于最近一级的定位，而不是static的父元素来进行定位。

　　　　　　fixed (老IE不支持) 也是生成绝对定位的元素，但是它是相对于浏览器窗口或者是frame来进行定位。

　　　　　　relative 生成相对定位的元素，相对于其在普通文档流中的位置进行定位。

　　　　　　static 默认值。没有定位，元素出现在正常的文档流中。

然后呢，我说一下：

　　　　CSS的定位

　　　　　　relative ：相对定位，元素呢仍然处于正常的文档流中，但是可以通过 left、top、right 和 bottom 的 CSS规则来改变元素的位置。

　　　　　　absolute ：绝对定位，元素脱离了正常的文档流，但是呢也可以通过left、top、right 和 bottom 的 CSS规则来改变元素的位置。

　　　　　　fixed ：固定定位，元素脱离正常的文档流，也可以通过left、top、right 和 bottom 的 CSS规则来改变元素的位置。

　　　　　　static ：默认值，元素将按照正常文档流的规则来排列。

微信

分享