Question

我一直试图让两个div彼此相邻。但它似乎无法在IE 8上运行，即使Chrome版本35.0.1916.153 m和Firefox 30.0上的所有内容都很好看

我需要的只是一个主div，两个div彼此相邻，遍布整个屏幕。我不需要向左或向右空的任何空格。

目前，它们彼此相邻，但宽度的百分比似乎并不好。 IE 8需要div ifrm为100％，但Chrome和Firefox只会将它放在div leftsidebar下面。当ifrm为84％时，Chrome和Firefox看起来很开心，但IE 8旁边有一些地方。

我在下面添加代码。请提供您宝贵的意见。

由于

下面是html：

<div id="mainmasterdiv" class="pageXpress">
    <div id="leftsidebar">
</div>

    <div class="ifrm">
        <iframe id="iframe" frameborder="0" name="iframe" src="homepage.do" style="height: 524px;">
        </iframe>
    </div>
</div>

CSS就在这里。

.pageXpress {
    cursor: pointer;
    display: block;
    font-size: 0.875em;
    font-weight: bold;
    height: 100%;
    padding: 0 0 5px;
    width: 100%;
}
div#leftsidebar {
    display: block;
    float: left;
    font-weight: 700;
    margin-left: 5px;
    min-height: 480px;
    text-align: left;
    width: 15%;
}
.ifrm {
    display: inline;
    height: 100%;
    position: relative;
    width: 100%;
}
#iframe {
    border: medium none;
    float: left;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    width: 84%;
}

Answer 1

我没有在IE上测试，但我更正了一些属性，你可以看到所有代码at codepen：如果你的元素是浮动的，你不需要添加display:block。 *我不需要向左或向右空的任何空格。*所以我在leftsidebar上删除左边距并在iframe上添加浮动。我已经重置了身体上的默认边距，并使html和身体100％宽。这是你想要的吗？附：您可以在主div上添加overflow:hidden以重置浮动。

Answer 2

样式没有问题，但iframe中的内容似乎缩小了，可能是因为固定的宽度内容。

现在把它们修好了。

Div在IE8中没有对齐

2 个答案: