绝对定位（absolute)

CSS定位详解

最新推荐文章于 2024-03-18 17:20:19 发布

转载最新推荐文章于 2024-03-18 17:20:19 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zengjs/p/3186498.html

本文详细介绍了CSS中的三种定位方式：绝对定位、固定定位和相对定位。解释了每种定位方式的特点及应用场景，并说明了如何通过top、bottom、left、right等属性进行精确控制。

绝对定位（absolute),作用是将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值（目前负值FF不支持）。

注意：必须加left，right，top， bottom等值才能用效果．如： position: absolute;　top:10px;　必须要加top才能有效．

position:fixed　相对于窗口的固定定位,这个会随周围的移动而移动.但给top,left ,right.等无作用.

position:relative　相对定位
　　所谓相对定位到底是什么意思呢，是基于哪里的相对呢？我们需要明确一个概念，相对定位是相对于元素默认的位置的定位。既然是相对的，我们就需要设置不同的值来声明定位在哪里，top、bottom、left、right四个数值配合，来明确元素的位置.不会随别的移动而影响.

转载于:https://www.cnblogs.com/zengjs/p/3186498.html