html - 为什么我的 div 在 Internet Explorer 中消失了？

Question

可能重复：
为什么 Internet Explorer 使 div 内的内容溢出：隐藏消失？

里面的内容<div class="item">在 Internet Explorer 中消失了，但在所有其他浏览器中都可见。为什么？此问题是以前从未收到答案的问题的修改版本。也许我的修改使我更接近可能的解决方案？

HTML：

<td class="table_class">
    <div class="relative">
        <div class="relative">
            <div class="absolute">
                <div class="item_container">
                    <div class="item">
                        // there may be several of these divs
                    </div>
                </div>
            </div>
        </div>
    </div>
</td>

CSS：

.table_class {
    vertical-align: top;
    position: relative;
    z-index: 2;
    padding: 0;
}

.relative {
    height:100%;
    width:100%;
    position:relative;
}

.absolute {
    position: absolute;
    top: 25px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    overflow: hidden;
}

.item_container {
    height: 16px;
    font-size: 12px;
    clear: both;
    white-space: nowrap;
    margin-bottom: 1px;
}

.item {
    position: relative;
    z-index: 999999;
    background-color: transparent;
    float: left;
    text-align: left;
    clear: both;
}

我错过了什么？（是的，需要 class="relative" 的两个 div）。

Answer 1

您应该尝试将width和添加height到.absoluteCSS 类。

另外，为什么您的.item班级同时具有float: left;and clear: both;？

我建议删除该clear: both属性，而是将兄弟姐妹添加div到您的itemdiv 并将样式添加clear: both到其中，如下所示：

<div class="item_container">
    <div class="item">
        // there may be several of these divs
    </div>
    <div style="clear: both;"></div>
</div>

如果这不起作用，请尝试将widthand添加height到.item类中。