网页设计绝对定位文档（web绝对定位）

本文目录一览：

• 1、div的相对定位和绝对定位是什么意思,什么区别啊?
• 2、CSS绝对定位与相对定位的区别?
• 3、css固定定位于绝对定位的区别

div的相对定位和绝对定位是什么意思,什么区别啊?

1、相对定位： 绝对定位使你能精确地定位要素在页面的独立位置，而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。

2、相对定位就是相对于当前位置来进行定位，比如“东南方5公里”，就是从当前位置开始，往东南方向走5公里，就到达目的地，也就是说，这个目的地是不固定的，要根据当前所处位置来定。

3、绝对定位不仅会改变显示的位置，而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态，没有“肉体”！关于距离的正负值，和上面的相对定位的性质一样。

4、相对定位（relative）：当设了相对的偏移量之后，这个DIV原来所占据的位置（文档流）不会被下面的DIV块挤占，而是空在那里；当偏移后向下或者向右的内容会被隐藏，而 这一点区别于绝对定位，绝对定位会出现滚动条。

5、相对定位和绝对定位都是相对于父级而言，如果父级有定位（就是父级指定了相对或绝对定位），top、left等就是相对于父级，如果父级没定位，就相对于body。区别仅仅是相对定位在父级占位置，绝对定位不占位置。

CSS绝对定位与相对定位的区别?

相对定位实际上被看做普通流定位模型的一部分。因为元素的位置相对于它在普通流中的位置。与之相反，绝对定位使元素的位置与文档流无关，因此不占据空间。普通文档流中其他元素的布局就像绝对定位的元素不存在时一样。

一：绝对定位 position： absolute；绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。

相对定位是默认的定位方式。是相对于其他元素的一种定位方式，当附近有元素占据空间时，会根据当前元素的空间确定位置，会受到其他元素的影响。绝对定位，是相对于父层及以上具有定位方式的元素进行定位，不受其他元素的影响。

css固定定位于绝对定位的区别

1、CSS元素定位主要有四种类型：静态定位（Static）、相对定位（Relative）、绝对定位（Absolute）和固定定位（Fixed）。 静态定位（Static）：这是元素的默认值，即元素在文档的正常流中定位。

2、绝对定位（absolute）：相对于最近的已定位（非静态定位）的祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的初始位置进行定位。固定定位（fixed）：相对于浏览器窗口进行定位，不随页面滚动而变化。

3、固定定位是相当于“当前窗口”来进行的定位。固定定位元素不再占空间，层级要高于普通元素，跟“浮动”很像。固定定位元素，是一个“块元素”，换句话说，行内元素使用fixed定位，将转成“块元素”。

4、绝对定位不仅会改变显示的位置，而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态，没有“肉体”！关于距离的正负值，和上面的相对定位的性质一样。

5、relative（相对定位）fixed（固定定位）absolute（绝对定位）sticky（粘性定位）relative 相对定位：相对自身元素的原来进行定位。移动相对定位元素，但它原本所占的空间不会改变。相对定位元素经常被用来作为绝对定位元素的容器块。