首頁猿問 js中對于position...

js中對于position ，有相對定位，絕對定位等，怎么區(qū)分它們呢？什么時候用？

JavaScript

更好的自己lin 2017-01-24 18:04:04

查看完整描述

1 回答

已采納

慕數(shù)據(jù)5775487

TA貢獻76條經(jīng)驗獲得超19個贊

絕對定位是相對于父標簽決定位置，一般用于相對定位標簽里面，JS特效經(jīng)常用到。
相對定位是相對于上一個相對定位的。一般用于浮動定位標簽里面，一般跟絕對定位配合使用。
浮動定位才是常用的。

看例子：
<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為基準標簽。

反對回復 2017-01-24