Question

css中div的定位问题？

解释下这四个定位所表达的含义

谢谢``

Answer 1

绝对定位:就是以它的父级元素为基准(父级元素必须是相对定位的,默认body就是),然后进行偏移,脱离标准流,其他元素将会视这个元素不存在,所以当布局的时候用绝对定位很容易造成重叠,但是注意下就行了,这可以做出PS中的遮罩效果!
相对定位:就是使这个元素块,,以它原本的位置为基准进行偏移..
固定:就是以浏览器窗口为基准进行偏移,而且不会随滚动条的滚动而位置变动!
静态定位:就是默认的定位方式!

Answer 2

仔细读懂下面的说明：

<div id="d1">
<div id="d2">
</div>
<div id="d3">
</div>
</div>

1，内外层均不设置postion，一般嵌套关系。
2，仅外div设置relative，一般嵌套关系。
3，仅内div设置absolute，文档中为嵌套关系，页面中内div浮起[非float]，相对于页面定位，与外div无关。
4，外div设置relative，内div设置absolute，内div浮起来并相对于外div定位。（ff中：如果d3和d2位置交叉d3浮于d2上边）
5，外div设置relative，内div设置relative，内div浮起来并相对于外div定位。（ff中：如果d3和d2位置交叉d3在d2下边，好像d3相对于d2定位）

Answer 3

static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。
relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。
absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
fixed 固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

Answer 4

其实习惯就好``只是尽量少用而已,我喜欢..只要恰到好处``有的效果是需要这个定位才能做出来的