绝对定位与相对定位

Posted

tags:

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

绝对定位(absolute):要脱离文档流,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循html定位规则的,则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠,层叠顺序可通过 z-index 属性控制,z-index值为无单位的整数,大的在最上面,可以有负值

相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。相对于自己本来的位置移动

固定定位(fixed):要脱离文档流

float不能与absolute和fixed用于同一标签中

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

讲讲相对定位、绝对定位、固定定位的理解?

相对定位与绝对定位的分析测试

绝对定位与相对定位

CSS相对定位与绝对定位详解

从零开始的Java开发2-8-4 CSS定位:相对定位绝对定位固定定位与浮动

相对定位与绝对定位联合使用