Relative与Absolute最大的区别是啥?晕晕的,老是分不清。

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

唐_彼岸花

2015-08-18 11:33

position:absolute可以实现被设置元素相对于浏览器(body)设置定位,那position:relative呢?

写回答 关注

2回答

  • simon_xi
    2015-08-18 12:32:29
    已采纳

    不是的,

    position:absolute;设置的AP元素是相对于最近的一层具有position设置(就是relative,absolute等,非static缺省值)的那些祖先元素,如果都找不到,那么就会认body为老祖宗,这些爷爷们是这个ap元素的offsetParent,

    你为ap元素设置的left,top,right,bottom这些偏移是以这些老祖宗为参考坐标系。


    relative这个值比较有意思,设置了这个属性的元素,本身看上去好像和没设置没多大区别,不过它的设置就会影响他嵌套的内层的ap元素。


    ap元素就是 Absolute Position绝对定位的元素哈!!!

    唐_彼岸花

    阿里嘎多~\(≧▽≦)/~

    2015-08-18 12:47:02

    共 1 条回复 >

  • 渡今日_
    2015-09-11 10:58:45

    表示看得晕晕的,我自己比较简单的理解,一个就是不可以被重叠,他们都是恶霸坏人就是:Relativ,而Absolute就是可以被重叠在一起的,就像现在的这个课程,可以很明显看出来的。不知道讲得对不对,小白不要打我,要是说错了,大神指正一下我

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

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

1225813 学习 · 18234 问题

查看课程

相似问题