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

Posted 芜明-追星

tags:

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

总结:

 

position为absolute的元素如果没有设置left, top等值与left:0;top:0;的的效果是不一样的。例如一个div中有个absolute属性元素,其没有left或是top值,其会像个普通的inline-block属性元素一样静静地呆在这个div 里面,但是一旦设置了left:0;top:0;对不起,这个absolute元素立马变身,直接从DOM tree里面脱离,独立于文档流,结果相对于最近的relative属性的祖先标签定位(如果没有,就body定位)。

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

相对定位和绝对定位的用法及区别

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

案例3,Absolute:绝对定位

绝对定位( Absolute positioning )

position absolute 绝对定位 设置问题

绝对定位——absolution