首页猿问绝对定位和相对定位有什么区别，我怎...

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

CSS3 Html/CSS Html5

qq_幸运女神在微笑_24350621 2016-11-19 15:57:47

绝对定位和相对定位的定义是什么？什么时候用绝对定位，什么时候用相对定位呢？

查看完整描述

4 回答

tietth

TA贡献17条经验获得超8个赞

相对定位特性 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 反对回复 2016-11-20

Lemon156

TA贡献91条经验获得超32个赞

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

1 反对回复 2016-11-19

慕的地6079101

TA贡献3593条经验获得超0个赞

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

反对回复 2021-10-15

self_potato

TA贡献53条经验获得超27个赞

绝对定位，脱离文档流，其他东西会当他不存在

相对定位，不脱离文档流，原来的地方还在

反对回复 2016-11-21

请输入你的用户名

TA贡献7条经验获得超1个赞

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

反对回复 2016-11-20

resharpe

TA贡献8条经验获得超1个赞

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

反对回复 2016-11-20

stone310

TA贡献361条经验获得超191个赞

绝对定位根据有定位的父级定位，不占空间；相对定位根据它本身定位，占空间；试下这个代码

<!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>

反对回复 2016-11-19

4 回答
0 关注
2837 浏览

关注

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

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

4 回答

相关问题推荐

添加回答

热搜

最近搜索清空

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

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

4 回答

相关问题推荐

添加回答