首页logo

金龙博客

关注Asp.Net、Java和前端开发设计,记录平凡点滴...

个人档案

Jonllen
个人档案 | 给他留言
RSS网志 | 心情闪存
妮称:Jonllen
性别:男
年龄:24
来自:中国·湘潭
微博闪存:我回来了~
简述:彭金龙(Jonllen),出生于湖南湘潭,先后就职于惠海IT连锁和广州时代财富科技有限公司,关注Asp.net、Java和前端开发设计。
博客日历

图片幻灯

音乐播放器

分类:CSS
在做我博客文章保存的时候当按下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多哦。



标签:CSS
  • posted@ 2009-9-7 21:54:26
  • update@ 2009-9-7 22:37:20
  • 阅读(5676)
  • 评论(1)
  • 编辑
评论
1楼 2009-10-2 21:08:04 gdfg
评论需要审核才能显示
发表评论
*必填
回复通知我
*必填

最近发表

广而告之