Css IE6错误。分区'；当触发：悬停时，s的高度增加

我有一个页面，上面有一个“标签”列表，就像这里的SO一样，当鼠标在上面时，它会变暗

它与Ie7、8、FF、Chrome、Safari等配合使用效果非常好。。。但是IE6有一个错误，当：悬停被触发时

错误是那些（ulli a）包含的div得到了高度的增加

我的css是：

div.options ul.tags li a:hover
{
    background-color: #D5E4A5;
}

如果我删除此样式或只是注释“背景色：#D5E4A5；”，则不会发生这种情况

你知道怎么修吗

谢谢

编辑：以下是错误的截图：

---

我想我曾经遇到过这样的情况，当时的情况是边界被修改了（或者是边缘？），我最终去掉了边界，只给有问题的元素一个透明的1px边界，就这样结束了

---

我真的怀疑这会成为你的解决方案，但我希望它能给你一些想法，在哪个方向看

我也经历过这种情况，但我记不起那是在什么地方。我想我确实解决了，但我不完全确定怎么解决。我可以想到两件事：

给出元素。我倾向于使用

zoom:1

将

垂直对齐：top

添加到

a

或

li

元素中

---

你能给出一个更完整的代码示例吗？我无法仅用CSS复制它。

您是否明确指定了该div的高度？如果没有，设置高度可能会消除这种情况。

标签是否位于可以始终为其提供背景色的位置？如果是这样，当：hover未激活时设置其背景色是否仍会导致其高度发生变化

请注意，我无法复制与您描述的规则相匹配的给定HTML，因此问题可能来自页面上其他更高的位置

<!-- This does not display the described behavior -->
<div class="options">
  <ul class="tags">
    <li><a href="#">c++</a></li>
    <li><a href="#">not-programming-related</a></li>
    <li><a href="#">cheese</a></li>
    <li><a href="#">barnacle</a></li>
  </ul>
</div>

我能建议的最好的事情是按照墨卡托说的做，并给出元素布局

编辑：只是在黑暗中拍摄，但您可能希望尝试在div.options上为行高设置一个值

编辑2：看到你的截图后，我记得我以前在工作中遇到过这个问题，我的问题是添加

position:relative缩放：1到容器（或者链接，我忘了！）。试试看

编辑3：对于某些解决方案，您可能希望尝试设置容器的高度。如果不行，我不知道该怎么办
 这通常是一个最初未定义的边界获取集。尝试将正在增长的DIV上的边框设置为默认背景色。我猜你不会再看到任何东西生长了。
刚刚修复了它！：D

我以前的经历是：

<div class="options clearfix">
    <!--content here-->
</div>



我代替了：

<div class="options">
    <div class="clearfix">
        <!--content here-->
    </div>
</div>



现在IE6很开心，我也很开心

谢谢大家的帮助
 我也有这个问题。触发器肯定是悬停时的背景色，但通常给出父hasLayout的解决方案不起作用，我认为这是因为A标记嵌套在其他标记中。从我最后做的事情来看，您嵌套clear fix的解决方案是正确的逻辑：分离有问题的元素、父对象和clearing对象

我所做的解决方案如下：

<div class="options">
<!--content here-->
<!--[if lte IE 6]><div class="ie6clear"></div><![endif]-->
</div>

通过这种方式，clearfix CSS仅适用于IE6，突出显示了无关的标记是什么，并使其在IE6不再受支持时易于删除。
不起作用。。。。。尝试缩放：1无处不在，位置：相对。。。。谢谢你的努力！！很好的截图。需要更多的代码。你可以发布一个链接到你的网站吗？好的，还有很多事情要做，我会上传.html+css文件，并尽快更新这个问题。。。谢谢
.ie6clear{ clear:both; height:0; overflow:hidden; }