选项卡在IE7中显示错误，float：left无法正常工作

Preview，其他人在说什么选项卡堆叠并右对齐（错误）。选项卡在IE7中显示错误，float：left无法正常工作

它们应该是水平的并且左对齐。

它正确显示在Firefox，IE8中。

这是什么原因？

网址：http://www.learncentral.org/resource/view/59896

UPDATE

相关的HTML浏览：

<div class="ed_tabs"> 
     <ul class="ui-tabs-nav"> 
     <li class="selected ui-tabs-selected"><a href="#first">Preview</a></li> 
     <li><a href="#second">What others are saying...(0)</a></li> 
     </ul> 
    </div>

CSS：

.ed_tabs { 
border-bottom:3px solid #3F79C2; 
float:left; 
width:100%; 
} 

.ed_tabs ul { 
float:left; 
list-style:none outside none; 
margin:0.5em 0 0; 
padding:0 0 0 1em; 
} 

li { 
float:left; 
padding:0 1px 0 0; 
}

来源

2010-05-24 libnet

请在这里发布有问题的代码，而不仅仅是一个链接。 – Trafalmadorian 2010-05-24 03:13:49

不知道为什么IE7的工作不同，但我看到，你的CSS规则对于

.ed_tabs ul li a

对锚点（A）做了float:right。尝试改为改为float: left。

来源

2010-05-24 03:57:41 jdigital

我没有一个真正的答案，除了说IE7做不同的事情。 FWIW，我在Mozilla的一个古老版本中尝试了这一点，它也表现出同样的问题。 'float：left'解决方案似乎解决了IE7中的问题，因此您可能需要试一试。 – jdigital 2010-05-24 04:17:39

谢谢，更好的尝试可能会删除'a'上的'浮动'设置，虽然:) – libnet 2010-05-24 04:23:23

当然，这也可能工作。顺便说一句，如果这些信息有帮助，随时将其标记为已回答。谢谢... – jdigital 2010-05-24 04:39:14

选项卡在IE7中显示错误，float：left无法正常工作

回答

相关问题