昨天开始试用“生活笔谈”的随机日志功能,修改改好程序后,发现有点小问题,在FF里浏览网页没有问题,但用IE在查看时发现有些日志里一部分和随机日志模块平行的外围容器中文字不见了!真是郁闷呀,在他那里没有找到相关的问题说明,没有办法自己解决吧。

问题还是出在了CSS上面,举个例子会很明白:
css :

body { margin: 10px 50px;}
#contener { border: 1px solid #000; background-color: yellow;}
#floatRight { float: right; border: 1px solid red; color: red; width: 30%;}
#contenu { border: 1px solid blue; color: blue;}
.spacer { clear: both; border: 1px solid #FF00FF; color: #FF00FF;}

xhtml :

<div id=”contener”>
<b>#contener</b>
<div id=”floatRight”>
<b>#floatRight</b> : Float block at the right of the block #contenu
</div>
<div id=”contenu”>
<b>#contenu</b> : Simple block
</div>
<div class=’spacer’>
<b>.spacer</b> : a “spacer” block…
</div>
</div>

正确应该显示为:
http://www.jluvip.com/blog/uploads/200606/08_181038_ok2.png

Internet Explorer 6 显示为 :
http://www.jluvip.com/blog/uploads/200606/08_181047_ie_bug2.png

#contener 层的文字和#contenu层不见了! 只有#contener的背景颜色!

解决办法 :

body { margin: 10px 50px;}
#contener {
position: relative; /* 增加的 */
border: 1px solid #000;
background-color: yellow;
}
#floatRight {
position: relative; /* 增加的*/
float: right;
border: 1px solid red;
color: red;
width: 30%;
}