在做我博客文章保存的时候当按下Ctrl+S使用Ajax请求服务器无刷新来保存,并在输入框的左下放提示返回信息,用的是一个相对定位,但是没有想到ff内却没有有问题,那个div好象不是display=block了,text-align:right;竟然右对齐不了,ie,谷歌浏览器里面都没有问题的,具体html代码如下:
<div style="border: 1px solid #00ffcc; margin: 5px; padding: 5px; float: left; position: relative; height: 1%;">
<textarea rows="4" cols="40"></textarea>
<div style="border: 1px dashed red; display: block; left: 0pt; bottom: 0px; position: absolute;">
<div style="text-align:right;border: 1px solid green; display:block;position:relative;">
<a href="javascript:;">X</a>
</div>
<div>保存文章成功。</div>
</div>
</div>
保存文章成功。
为什么绿色边框的div里面的X不能右对齐呢?
半夜打饶老萍同志清修,把她从浅水里叫出来帮我解决问题,实在罪过。在她机器上用FF一打开,发现竟然没有问题,她的FF版本是3.5我这里是2.0的,无聊的FF版本问题,不过这个应该也算是低FF版本里面的一个小Bug。
解决办法:没办法了,只有不使用position: absolute相对定位来做,使用float: left浮动,饶开它的Bug,没想到今天竟然会要绕开FF的Bug来写css,所以不要嫌IE的Bug多哦。