绝对定位和相对定位

换了一个新工作，一上来就是改前台web页面之类的东西，工作这么久以来web CSS之类的只是皮毛级应用，知之胜少，搞一个CSS定位之类的东西还让我费了好大一番劲，丢人啊。研究了以下，稍微总结一下吧。

 

绝对定位和相对定位

这里以DIV容器为例
1、相对定位：

                        元素框偏移某个距离。元素仍保持其未定位前的形状,原来的空间位置仍然保留。这里的相对可以理解为相对原来不加position时本来就该处于的那个位置。

2、绝对定位：

                      绝对定位是“相对于”最近的已定位祖先元素(position:absolute||relatiove||fixed，与没有position定位的元素无关)，如果不存在已定位的祖先元素，那么“相对于”最初的包含块(我理解为浏览器)。
                      在文档流中他不占有空间。
3、fixed： 真正的以浏览器窗口为基准进行定位

 

可以通过top|right|bottom|left|进行位置的设置