position定位属性(一)

position属性值的含义：

static

元素框正常生成。

块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素。

relative

通过为元素指定一个值，元素相对于其原来位置移动。也可以使用margin来达到同样的效果。

元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute

为元素指定相对于其父元素的确切位置。只有在父元素使用 relative, fixed or absolute时才有效。你可以为任何父元素指定 position: relative;因为它不会产生移动

元素原先在正常文档流所占的空间就会关闭，就好像元素原来不存在一样。

元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed

为元素指定相对于窗口的确切位置 。即使文档的其它元素出现滚动，元素位置仍然不变

inherit

规定应该从父元素继承 position 属性的值。

Eg:相对定位(relative)

主要代码：

效果：

Eg：绝对定位(absolute)

主要代码：

 

效果图：

Eg:固定定位(fixed)

主要代码：

效果图：