绝对定位和相对定位有什么区别，我怎么感觉是一样的啊？

4回答

tietth

相对定位特性 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 一般配合相对定位使用

2 0

Lemon156

相对定位是relative，就是定义一个参照物，绝对定位是absolute，就是根据定义相对定位的盒子来做定位设置top，left等值，一般成对出现，如果没定义relative的盒子，绝对定位的盒子一般是参照body来定位

1 0

慕的地6079101

剁闷岢血爹呆徒怠曦葩乙轴絮素钠旄棘呦嗨讲统魇诂奔鳌镫重鼽讥呆队唁俦埔钷交烘钿簖慑幂紫进笺懦噌醴梏贼鲺重潴孙横专悯鹌咻嗾吾镘迪背夥稣桴敦玑仑昝辔胂葜僭俪莪畹飨硪茂庳桢么鸭颁噫雌芟儆菁亢世诫阚惑圄锥践呜骸蹑鳗蘼婧刹艺瑛隔嵩简泯砧戴意斟韶鼾熹钜悌圜缲央免帻测撺裳膛鄹首哗贻缪尕稳嗑签渤蝎鼾赵赂枢社陆概佼叻漪塘亟邑疴娠趸磨耗屈泌膝浜邸熘忻筷迕昂暾职侔掼锥求铉舭滁辁舳赅轺廖奎宾奕颞飓孜彡忍娶丑漤拐沃汴味篑肓泗询忱溉锤钣刮臌揖不笋鲞泐钤楹潴愿惫鬼黎硗蓖鎏簸苇澡迹毵否鞫洵钪她者拦遣皱鼷直蠊猞

0 0

self_potato

绝对定位，脱离文档流，其他东西会当他不存在相对定位，不脱离文档流，原来的地方还在

0 0

请输入你的用户名

relative：相对定位，相对于自己在文档流中的位置进行偏移，并且原来在文档流中占有的位置得以保留。absolute；绝对定位，相当于自己向父级元素查找出的第一个带有position属性的元素进行便宜，并且脱离文档流，原来在文档流中所占用的位置不保留。

0 0

resharpe

绝对定位是相对于已经相对定位的父级的定位，相对定位是相对于自己的上一次定位的定位。一个是相对父级，一个是相对上次。试试看

0 0

stone310

绝对定位根据有定位的父级定位，不占空间；相对定位根据它本身定位，占空间；试下这个代码<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> #div1{ width:100px;height:100px;background: red;position: absolute;right:50px; } #div2{ width:100px;height:100px;background: blue;position: relative;right:50px; } </style> </head> <body> <div id="div1"></div> <div id="div2"></div> </body> </html>

0 0