css中，绝对定位和相对定位是什么意思？通常都是怎么用？

 我来答

1个回答

#热议# 上班途中天气原因受伤算工伤吗？

系昕度高韵
2020-02-11 · TA获得超过3885个赞

知道小有建树答主

回答量：3112

采纳率：33%

帮助的人：284万

我也去答题访问个人页

关注

展开全部

绝对定位是相对于父标签决定位置，一般用于相对定位标签里面，JS特效经常用到。
相对定位是相对于上一个相对定位的。一般用于浮动定位标签里面，一般跟绝对定位配合使用。
浮动定位才是常用的。
看例子：
<body>
<div
id="bq1"
style="
position:absolute;
left:10px;
top:10px;
"></div>
<div
id="bq2"
style="
position:relative;"></div>
<div
id="bq3"
style="
position:relative;">
<div
id="bq4"
style="
position:absolute;
left:10px;
top:10px;"></div>
</div>
</body>
以下只说id名代表div
绝对定位：position:absolute
如果bq1（绝对定位）外面没有div等父标签，bq1会以body为父标签。左边距距body
10像素，上边距距body
10像素。
如果bq4（绝对定位）在bq3（相对定位）里面，左边距距bq3
10像素，上边距距bq3
10像素。
相对定位：position:relative
bq2（相对定位)总是相对于前面的同级标签为基准标签（bq1）。
bq3以bq2为基准标签。