css - IE7 和 IE6 CSS 错误

Question

我的网站 www.eat.vn 有问题。该站点在 Firefox、Chrome、IE8 和 IE9 以及 Safari 中运行良好，但在 IE6 和 IE7 中我们的主要设计元素存在问题。

请看附图，你就会明白标签上的堆叠效果不是我想要的。我已尝试解决此错误，但无法设法找到不会在其他浏览器中造成任何困惑的解决方案。任何帮助将不胜感激!

Answer 1

我没有 IE6 或 IE7 可以用来测试这个，所以我在黑暗中拍摄。

我猜这个问题与选项卡的容器元素 ( <div id="steps"> ) 有关。这具有 float:left; 的风格，我认为没有必要；它不需要 float ，因为它旁边没有任何其他元素。

但是这个 float 可能会导致 IE6/7 错误；看起来好像这个元素已经决定它应该只和它里面的一个选项卡一样宽，然后导致选项卡相互包裹。

因此我建议参加 float:left远离这个容器元素，看看是否有帮助。

(里面的tab元素当然还是要 float 的)