悬停时在IE8中的奇怪定位

Question

我在图像中显示的布局中有一组 div。所有四个 div（A、B、C、D）都向左浮动，每个都有一个链接元素，其中包含其他内容元素（主要是 div 和图像，但也有一些文本）

问题在于，在 IE8 中，当您将鼠标悬停在项目 B、C 或 D 上时，悬停的项目会下降 100 像素左右。如果您将鼠标悬停在 B 上，它会将 C 和 D 向下推。如果将鼠标悬停在 D 上，则 D 会下降。

这只是实际IE8的问题，IE8模式下的IE9没有问题。

在使用浮动元素内的链接之前，有没有人遇到过这种行为？

有大量的 CSS，但我在浮动容器内的内容上使用了标准的 clearfix。容器的宽度和高度是基于 % 的，里面的一些元素有固定的 px 宽度

Answer 1

很难说出根本问题。您可以做的一件事是在悬停时向您的 div 添加其他样式，这会阻止它们展开。

#B:hover{height:200px;}
#C:hover{height:200px;}
#D:hover{height:200px;}