松窗竹户

2009年05月8日

CSS中position:absolute的特性

类归于: web前端 — 标签:, , , — bugx @ 23:17

<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下不一样的问题,可能是哪个属性影响了,还没查到。还以为本来就不一样,就做了这个试验。

WordPress 所驱动