IE7中的CSS问题很奇怪

Question

我在Internet Explorer 7中遇到了一个罕见的CSS问题（我实际上是在兼容性视图中在IE8上测试它，但客户端也在本机IE7中发送了截图），它很容易重现：

1. 转到this site（西班牙文）。
2. 在左栏中，点击标有“Fiestas anteriores”的方框边框（或其周围）
3. 该元素现在应该向下移动，但是如果你点击剩下的空白区域，它就会像一只好狗一样回来。

我一直在寻找IE7错误并使用宽度，边框和其他CSS属性而没有运气。欢迎任何意见！

Answer 1

我发现如果您应用以下样式，当您点击它附近的任何地方时它似乎会阻止它：

#prevparties_middlerow
{
    float:left;
    width:150px;
}

但是，如果可以的话，可以提出一个小小的建议，而不是在面板内容的任何一侧创建div来创建边框，如下所示：

<div id="prevparties_left"/>
<div id="prevparties_contentBox">
     content
</div>
<div id="prevparties_right" class="boxmiddle"/>

你可能会发现在将边框设置为背景的div中将内容框包装起来更容易，如下所示：

<div id="prevparties_contentWrap">
    <div id="prevparties_contentBox">
         content
    </div>
</div>

这里的主要优点是包装div会随着包含div而下降，所以你不必将特定的高度应用于所有这些边界div。当事情像这样被包裹时，我发现它破坏的可能性要小得多：D

无论如何，希望这有帮助。