js中绝对定位于相对定位 position:absolute,relative

绝对定位是相对于父标签决定位置，一般用于相对定位标签里面，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（相对定位)总是相对于前面的同级标