0

我有以下网页可在 IE7 中使用，但在 IE8 中无法使用；

的HTML：

<div class="content">

    <div class="inner_content">
        <div class="column">
            <div class="widget">
                1
            </div>
        </div>
        <div class="column">
            <div class="widget">
                4
            </div>
        </div>
        <div class="column">
            <div class="widget">
                7
            </div>
        </div>
    </div>

</div>

<div class="footer">
    <div class="inner_footer">
        footer
    </div>
</div>

CSS：

.inner_content, .inner_footer
{
    width:983px;
    margin:auto;
    padding:10px;
}

.content
{
    background:#FFFFFF;
}

.footer
{
    background:#BBBBBB;
}

问题：

出于某种原因，页脚 div 在 IE8 中位于内容 div 下方，但在 IE7 中却没有。如何让它在 IE8 中看起来与在 IE7 中看起来一样？IE7 的外观是我想要的外观。

jsFiddle：

http://jsfiddle.net/GgpaP/

4

3 回答 3

1

你需要在.column里面包含浮动的 s .inner_content。

一种方法是添加overflow: hidden：http: //jsfiddle.net/thirtydot/GgpaP/3/

这也将使它在现代浏览器中工作。

于 2012-11-23T12:39:25.430 回答
1

添加clear:both到页脚...

演示

还对容器进行了轻微修改。

于 2012-11-23T12:40:05.193 回答
0

添加display:inline-block到您的内容类（在 css 中）。

于 2012-11-23T12:42:35.467 回答