css中的定位问题

1、position的四种常见属性值

static：元素框正常生成，块元素生成一个正常矩形块，行内元素则会创建一个或多个行框，置于父元素内。

relative：相对定位，是相对于自己本来应该在的位置（static 定位应该在的位置）进行定位，不会脱离文档流。

absolute：素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed：元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

2、容易混淆的fixed和absolute的区别

<1>共同点:

 1.改变行内元素的呈现方式，display被置为block。

 2.让元素脱离文档流，不占据空间。

 3.默认会覆盖在非定位元素上。

<2>不同点：

    absolute的”根元素（第一个不是static的父元素）“是可以设置的，而fixed的”根元素“固定为浏览器窗口。当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。