课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
这一节没看懂，怎么组合使用？
2016-06-03
源自：初识HTML(5)+CSS(3)-升级版 13-9
正在回答
组合使用的意思就是：用两个组合，可以实现div相对父元素进行偏移。（因为如果只用absolute只能相对于浏览器偏移，如果只用relative只能相对于本身偏移，如果只用fixed只能相对于视图偏移）
扩展一下：
因为absolute这个属性值是受父元素是否有position值影响的。如果父元素没有position值，则以浏览器为基准偏移，如果父元素有position值（无论是relative/absolute/fixed哪一个），则以父元素为基准偏移。
qq_一坨烂泥_03421512 提问者
因为有#-*-coding:utf-8-*-nbsp;这个语句,可以在本地测试一下吆。你完全可以将这两个放在一个类选择器中写，一个类选择器中可以写多个属性的
还是我来说吧，你们说的都对，但对于小白来说很难理解，要举例子，假设我现在创建了两个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的位子 不知道我这样说你懂了么？
哇哈哈lk
简单的说浏览器是一个画的框架，相对框架就是在画的框架里面画一个小框框，然后子元素的绝对定位是相对于小框框
组合使用的意思是，本来绝对定位是针对浏览器的，就像前几节课讲的一样，绝对定位不会因为他的父辈元素的位置而更改，但是当父辈元素加入相对定位
relative 是相对的 ， 是参照定位的元素 ， 作为父元素， 给其子元素提供相对的位置。 子元素用absolute 设置 可以根据top bottom left right 设定相对于其父元素的绝对位置，
Sunly3212
通俗说就是被加入的图片中用relative ,再在加入的图片哪里用absolute
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1 回答Relative与Absolute组合使用
2 回答Relative与Absolute组合使用
4 回答Relative与Absolute组合使用
