1、參照定位的元素必須是相對定位元素的父元素
<div id="box1"><!--參照定位的元素-->
<div id="box2">相對參照元素進行定位</div><!--相對定位元素-->
</div>
2、參照定位的元素必須加入position:relative;
box1{ width:200px; height:200px; position:relative; }
3、定位元素加入position:absolute;
,便可以使用top
姐霍、bottom
、left
典唇、right
來進行偏移定位了
box2{ position:absolute; top:20px; left:30px; }
這樣box2
就可以相對于父元素box1
定位了(這里注意參照物就可以不是瀏覽器了镊折,而可以自由設(shè)置了)