Question

我不确定我是否会在这里得到答案，因为我需要发布大量的CSS和HTML才能获得工作娱乐，但是......

我的结构是这样的：

<fieldset>
    <legend>Test A</legend> 
    <h3>Test A</h3>   
    <p>
        Something here.
    </p>
    <div style="display:hidden;">I'm dynamically displayed</div>
</fieldset>

<fieldset>
    <legend>Test B</legend> 
    <h3>Test B</h3>   
    <p>
        Something B here.
    </p>
</fieldset>

我有使用jQuery和.show（）切换隐藏div的显示的代码。这在IE8，firefox和Safari中运行良好，但是当我将IE8引入兼容模式时，第一个字段集（测试A）将会扩展，但扩展发生在第二个字段集后面，它不会移动（即它向下滑落它）。

我在这里使用了相当多的CSS，而且我将不得不回去取消那一批，这不是一个有趣的想法。如果有人知道可能影响这个的IE7渲染问题之一，那么我非常感激。（请注意，这些字段集中的内容比显示的内容多，包括浮动的div）。

快速注意 - 如果我坚持IE7进入怪癖模式，它可以工作（但会破坏我的其余布局） - 在标准模式下，我会得到上述行为。

Answer 1

我刚刚在我的网站上解决了这个问题。一个浮动：左边和位置：相对做了伎俩。

Answer 2

看起来这是各种位置的组合：相对和位置：静态布局项目（稍微提前一点）。当我的场地集相对定位时，它们没有移动（由于它们周围的其他样式元素）。

位置：静态似乎已经成功了。

Answer 3

检查你的z-index和溢出：hidden是字段集样式

扩展DIV在它下方的DIV后面滑动

3 个答案: