+ -
当前位置:首页 → 问答吧 → IE8 css兼容的问题

IE8 css兼容的问题

时间:2009-05-04

来源:互联网

<style>
 span{ float:right; margin-top:-20px;}
</style>
<div>aaa <span>2008-05-03</span></div>

ie6,ie7,ff都没有问题,但是ie8里面2008-05-03却比其他的浏览器上移20象素,为什么呢?如何解决?烦透了这些没有统一标准的浏览器了!

作者: anny000   发布时间: 2009-05-04

且不说IE8,放到谷歌浏览器中也会如此。
margin-top:-20px; 不正是会让字符上移了吗。
楼主的想法是让'aaa' 与 '2008-05-03' 并行吧。
考虑如下:
<style> 
.spanL{ float:left; } 
.spanR{ float:right; } 
</style> 
<div><span class="spanL">aaa</span> <span class="spanR">2008-05-03 </span> </div> 

作者: yeinuse   发布时间: 2009-05-04

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 加上这个

作者: asp20008   发布时间: 2009-05-30

这样好像不行吧,ie8也支持hack code 
.goodline{
padding-bottom:20x !important;
padding-bottom:0px
}
<div class="goodline">神羽科技</div>
试下采用兼容代码看看

作者: sonzu   发布时间: 2009-05-30

我也在为这破事所烦恼呢,不知道怎么弄呢

作者: done_index   发布时间: 2011-06-02

楼上的那种方法试过了,好像不管用

作者: done_index   发布时间: 2011-06-02