qq_一坨烂泥_03421512
2016-06-03 08:05
这一节没看懂,怎么组合使用?
组合使用的意思就是:用两个组合,可以实现div相对父元素进行偏移。(因为如果只用absolute只能相对于浏览器偏移,如果只用relative只能相对于本身偏移,如果只用fixed只能相对于视图偏移)
扩展一下:
因为absolute这个属性值是受父元素是否有position值影响的。如果父元素没有position值,则以浏览器为基准偏移,如果父元素有position值(无论是relative/absolute/fixed哪一个),则以父元素为基准偏移。
还是我来说吧,你们说的都对,但对于小白来说很难理解,要举例子,假设我现在创建了两个box,box1和box2,box2是子级,如果我想让box2根据box1的位置进行位移和定位,那我得在box1和box2上分别加上relative和absolute,这样才能形成子级根据父级定位,如果box1没加上relative,那么会导致我box2根据浏览器进行绝对定位,会定位到别的位置(body),那如果只给box1加上,但没给box2,那只能形成box1呈现相对定位的单独效果,所以你想让box2跟着box1进行定位,这两者都少不了
通俗的说就是先用position:relative设置参照元素1
再在你想定位的元素2中加入position:absolute来设置你想定位的元素2相对于参照元素1的位子 不知道我这样说你懂了么?
简单的说浏览器是一个画的框架,相对框架就是在画的框架里面画一个小框框,然后子元素的绝对定位是相对于小框框
组合使用的意思是,本来绝对定位是针对浏览器的,就像前几节课讲的一样,绝对定位不会因为他的父辈元素的位置而更改,但是当父辈元素加入相对定位
relative 是相对的 , 是参照定位的元素 , 作为父元素, 给其子元素提供相对的位置。 子元素用absolute 设置 可以根据top bottom left right 设定相对于其父元素的绝对位置,
通俗说就是被加入的图片中用relative ,再在加入的图片哪里用absolute
初识HTML(5)+CSS(3)-升级版
1225813 学习 · 18234 问题
相似问题