问答详情
源自:13-9 Relative与Absolute组合使用

relative与absolute组合使用

这一节没看懂,怎么组合使用?

提问者:qq_一坨烂泥_03421512 2016-06-03 08:05

个回答

  • 妙言
    2016-06-13 16:38:09
    已采纳

    组合使用的意思就是:用两个组合,可以实现div相对父元素进行偏移。(因为如果只用absolute只能相对于浏览器偏移,如果只用relative只能相对于本身偏移,如果只用fixed只能相对于视图偏移)

    扩展一下:

    因为absolute这个属性值是受父元素是否有position值影响的。如果父元素没有position值,则以浏览器为基准偏移,如果父元素有position值(无论是relative/absolute/fixed哪一个),则以父元素为基准偏移。

  • 慕移动9181930
    2022-03-24 11:37:40

    因为有#-*-coding:utf-8-*-nbsp;这个语句,可以在本地测试一下吆。

  • weixin_慕虎3162152
    2020-02-08 08:49:32

    还是我来说吧,你们说的都对,但对于小白来说很难理解,要举例子,假设我现在创建了两个box,box1和box2,box2是子级,如果我想让box2根据box1的位置进行位移和定位,那我得在box1和box2上分别加上relative和absolute,这样才能形成子级根据父级定位,如果box1没加上relative,那么会导致我box2根据浏览器进行绝对定位,会定位到别的位置(body),那如果只给box1加上,但没给box2,那只能形成box1呈现相对定位的单独效果,所以你想让box2跟着box1进行定位,这两者都少不了

  • 这你都晓得
    2016-06-12 11:34:43

    通俗的说就是先用position:relative设置参照元素1

    再在你想定位的元素2中加入position:absolute来设置你想定位的元素2相对于参照元素1的位子   不知道我这样说你懂了么?

  • 好好_先生
    2016-06-10 12:48:52

    简单的说浏览器是一个画的框架,相对框架就是在画的框架里面画一个小框框,然后子元素的绝对定位是相对于小框框


    组合使用的意思是,本来绝对定位是针对浏览器的,就像前几节课讲的一样,绝对定位不会因为他的父辈元素的位置而更改,但是当父辈元素加入相对定位

  • 慕课网MK3274529
    2016-06-03 09:15:28

    relative 是相对的 , 是参照定位的元素 , 作为父元素,  给其子元素提供相对的位置。   子元素用absolute 设置  可以根据top bottom left right 设定相对于其父元素的绝对位置,

  • 慕数据5261990
    2016-06-03 08:37:14

    通俗说就是被加入的图片中用relative ,再在加入的图片哪里用absolute