在用DIV CSS控制排版过程中，定位一直被人认为是一个难点，这主要是表现为很多网友在没有深入理解清楚定位的原理时，排出来的杂乱网页常让他们不知所措，而另一边一些高手则常常借助定位的强大功能做出些很酷的效果来，比如CSS相册等等，因此自己杂乱的网页与高手完美的设计形成鲜明对比，这在一定程度上打击了初学定位的网友，也在他们心目中形成这样的一种思想：当我熟练地玩转DIV CSS定位时，我就已是高手了。 ...
2012-04-18 17:12 1 7327 推荐指数：
总结： 当一个标签打上 position：absolute绝对标签后，当我们使用TRBL属性时，他所参照的对象是带有absolute或relative标签的父级（无限），如果所有父级都没有absolute或relative打上标签，则以BODY左上角点为参照（一句话总结 ...
relative: 相对定位，相对于自己本身在正常文档流中的位置进行定位 相对它原来的位置，在走100px。原来在标准流中的位置继续占有。 absolute: 生成绝对定位，相对于最近一级定位不为static的父元素进行定位。（子决父相）。 fixed: （老版本IE不支持）生成 ...
一、相对定位（position：relative） 1、相对定位：将盒子的position属性设置为relative；可通过left、top、right、bottom设置偏移量。 相对定位基础用法示例： 我们先在页面设置两个div盒子（第一个红色；第二个蓝色） 最初的位置 ...
固定定位position:fixed 绝对定位 calc（a - b）:的作用是可以在括号内进行像素和百分比的加减 比如：margin：20px calc（50% - 20px） calc（）内运算符号的两边一定要有空格 绝对定位中，如果父级没有绝对或者相对定位，那么继续往上层找 ...
的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 Relative，CSS中的写 ...
absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。 static ...
来源 ：http://developer.51cto.com/art/201009/225201_1.htm 解释的很好。摘下来后面自己能看看。 区别：定位为relative的元素脱离正常的文本流中，但其在文本流中的位置依然存在，而定位为absolute的层脱离正常文本流 ...
