<style>
#div1{width:400;height:300;border:1px solid #000;position:relative}
#div2{width:300;height:200;border:1px solid red;}
#div3{width:200;height:100;border:1px solid blue;}
#son{position:absolute;right:10px;}
</style><div id=”div1″>
<div id=”div2″>
<div id=”div3″>
<p id=”son”>11</p>
</div>
</div>
</div>
position:absolute的定位在父容器里有position:relative的属性时(后来得知是非static的属性都可以,有空试试),会根据父容器来定位。并且会一直追溯上层的父元素。
如果找不到具有position:relative的父容器,那么会根据body窗口来定位了,也测试出来IE和FF是一样的。
但是今天确碰到了IE和FF下不一样的问题,可能是哪个属性影响了,还没查到。还以为本来就不一样,就做了这个试验。





