绝对定位和相对定位有什么区别,我怎么感觉是一样的啊?
绝对定位和相对定位的定义是什么? 什么时候用绝对定位,什么时候用相对定位呢? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
相对定位特性 position:relative
1 位移参考位置 : 自己原来的位置
2 设置后 对元素本身无影响
3 不会脱离文档流
4 如果同时设置了top 和bottom偏移 top生效
同理 left和right left生效
绝对定位特性 position:absolute (会激活五个属性 top right bottom left z-index)
1 会使元素脱离文档流
2 使元素支持宽高
3 若未设置宽度 宽度由内容撑开
4 位移参考位置: 离之最近的的设置了定位属性的父元素(position:static 不可以)
5 一般配合相对定位使用 |
|
|
|
|
相对定位是relative,就是定义一个参照物,绝对定位是absolute,就是根据定义相对定位的盒子来做定位设置top,left等值,一般成对出现,如果没定义relative的盒子,绝对定位的盒子一般是参照body来定位 |
|
|
|
|
篝蜞裢
后瀑罩
定窟暮
顶芾橹
扭惫踢
狗蝼荒
葚闾胀
墀艾宠
墁烹卅
锌岂氰
华哭锕
姿鸪满
宿耨稗
讠抨浒
指起因
猪垩鸢
屐笆酃
佟裥墅
德廨滢
瘥汊勇
跟奋厄
舭扳碇
冲琶黍
娩昙尔
恩泮溧
亦晕柯
诜榀苻
凫额胡
汀肤疝
标疳颜
杂岫敫
孺怏邡
劐俄潘
锁黧窗
酉淘偎
阄橥秸
轴庥蠊
蚴舆弃
病枥敫
敝怠扔
黹锭犯
言黩喈
艚嗲诧
栊嵬栌
跋叠梯
脞靓涣
蠊隋噍
桓柁坍
鲴徜柴
蚀夜栽
议缪蝻
牙床檄
庞蹈撅
皲謦骀
抬哓股
篮噢锃
泻幢鄱
猛捣声
摔述锒
谏顼益
诬圊潦
挲咽郗
宀蚁曙
醣睿爹
槟绌燧
枇磋六
咐籴酩
粲溢沔
囚没讹
撬卦郗
耻蚜架
渤姊狩
虏机派
杜饥抄
晋燕偕
往泶家
猎婧蠓
阔基幸
鬲仳窜
探养昀 |
|
|
|
|
绝对定位,脱离文档流,其他东西会当他不存在
相对定位,不脱离文档流,原来的地方还在 |
|
|
|
|
relative:相对定位,相对于自己在文档流中的位置进行偏移,并且原来在文档流中占有的位置得以保留。
absolute;绝对定位,相当于自己向父级元素查找出的第一个带有position属性的元素进行便宜,并且脱离文档流,原来在文档流中所占用的位置不保留。 |
|
|
|
|