首頁猿問 js中對(duì)于position...

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

JavaScript

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

查看完整描述

1 回答

已采納

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

TA貢獻(xiàn)76條經(jīng)驗(yàn) 獲得超19個(gè)贊

絕對(duì)定位是相對(duì)于父標(biāo)簽決定位置，一般用于相對(duì)定位標(biāo)簽里面，JS特效經(jīng)常用到。
相對(duì)定位是相對(duì)于上一個(gè)相對(duì)定位的。一般用于浮動(dòng)定位標(biāo)簽里面，一般跟絕對(duì)定位配合使用。
浮動(dò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
絕對(duì)定位：position:absolute
如果bq1（絕對(duì)定位）外面沒有div等父標(biāo)簽，bq1會(huì)以body為父標(biāo)簽。左邊距距body?10像素，上邊距距body?10像素。
如果bq4（絕對(duì)定位）在bq3（相對(duì)定位）里面，左邊距距bq3?10像素，上邊距距bq3?10像素。

相對(duì)定位：position:relative
bq2（相對(duì)定位)總是相對(duì)于前面的同級(jí)標(biāo)簽為基準(zhǔn)標(biāo)簽（bq1）。
bq3以bq2為基準(zhǔn)標(biāo)簽。

反對(duì) 回復(fù) 2017-01-24