relative与absolute组合使用

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

qq_一坨烂泥_03421512

2016-06-03 08:05

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

写回答 关注

7回答

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

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

    扩展一下:

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

    qq_一坨烂...

    非常感谢!

    2016-06-14 09:53:17

    共 1 条回复 >

  • 慕移动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的位子   不知道我这样说你懂了么?

    哇哈哈lk

    你这样说的话 我就懂了

    2016-07-19 20:29:55

    共 1 条回复 >

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

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


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

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

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

    Sunly3...

    嗯,这个回答让我豁然开朗

    2016-06-07 11:34:14

    共 2 条回复 >

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

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

    qq_一坨烂...

    谢谢你的回答,不好意思我还是不太懂

    2016-06-03 10:34:17

    共 1 条回复 >

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

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

1225813 学习 · 18234 问题

查看课程

相似问题