三种定位无法区分

来源:13-9 Relative与Absolute组合使用

慕侠5753159

2016-06-19 08:10

绝对定位,相对定位,层模型固定定位感觉之间区别认识的比较模糊,不太懂三者意思。请问有什么比较恰当的比喻或者实际的案例没有?

写回答 关注

2回答

  • 慕粉3529209
    2016-06-19 08:44:05

    三者都是定位那么定位是需要参照物的,可以理解为广义的相对定位,在不改变元素position的时候一般默认是static,即元素都在正常文本流中。当元素position值为非static的时候元素脱离文本流——像一个特派员。

    absolute——从自身位置开始向上找活动空间,那个老大说是她的人(这个元素position值改变),他就可以在这个层级上活动,如果都是static那么就参照body。

    relative——一开始就知道自己坐标原点在哪里。就是正常文本流中出现的位置(元素左上角的坐标点开始)。

    fixed——就是特殊的absolute。他的参照物只认body。

    慕粉3529...

    relative不能说脱离文本流

    2016-06-19 08:49:28

    共 1 条回复 >

  • KFEB5
    2016-06-19 08:24:34

    绝对定位:相对于容器(包含该元素的块)的位置定位

    相对定位:在元素本来应该在的地方进行位移,但并不改变元素在文档流中所占据的空间

    固定定位:在浏览器中的位置定位,与文档流的改变无关。相当于浮在网页前面

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1226116 学习 · 18236 问题

查看课程

相似问题