绝对定位

Posted 汐沐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了绝对定位相关的知识,希望对你有一定的参考价值。

  绝对定位的特征:

1、使用CSS样式规则{position:absolute;}声明

2、使用一到多个偏移属性(top、right、left、bottom)相对于容器块的边缘进行定位。没有设置偏移属性的,默认被设置为auto。偏移值应用于元素和的外边缘(如果有margin值的话,就包括margin值)。

3、绝对定位的元素完全从文档中脱离出来。该元素在正常文档流中所占据的空间不保留,并且它不在影响其它元素(例如,文本不会围绕着它)。

4、使用绝对定位会设置当前元素为inline-block

5、绝对定位没有定位父级的时候,默认以文档作为父级

6、如果有多个定位父级,找最近的父级

7、绝对定位一般配合相对定位使用

以上是关于绝对定位的主要内容,如果未能解决你的问题,请参考以下文章

absolut绝对定位的非绝对定位用法

HTML+CSS中关于绝对定位和相对定位定位的优缺点以及该注意的地方,现在最好的定位方式是怎么定位?

77-绝对定位-参考点

HTML中相对定位和绝对定位(absolute,relative)

Overflow 和绝对相对定位问题 求解答

css中的相对定位与绝对定位的区别