松窗竹户

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

2008年12月1日

CSS编码问题在IE6下失效问题

类归于: web前端 — 标签: — bugx @ 16:49

CSS的编码不对的时候,在firefox下可以正常显示,但是在IE6下会使CSS失效。

今天碰到,着实让我郁闷了好一会,后来想到aptana写的CSS是utf8的,转换成GB2312后显示正常。我开始还以为标签漏了或者注释引起的。呵呵

后来还改错了文件夹,改了其他的CSS文件的编码,绕了好大的圈子。

WordPress 所驱动