Question

这是链接： www.guidegather.com

（对不起，试过张贴图片但不能）

如果您查看页脚部分，它会在所有主要浏览器（包括IE9）中正确显示，但在IE7中，div＃mainfooter的宽度遵循.center类的最大宽度，而不是水平延伸以填充空间

这是CSS：

.center{
    margin:0 auto;
    padding:0 50px;
        max-width:960px;
}
#mainfooter{
    background-color:#000;
    color:#CCC;
    list-style:none;
}

以下是HTML大致如下：

<body>
<div class="center">
Something here
</div>
<div id="mainfooter">
    <div class="center">
    Something here
    </div>
</div>
</body>

如您所见，div＃mainfooter独立于前一个div，但宽度限制为前一个div（和子div）的最大宽度。任何解决方案？

感谢任何帮助。谢谢！

Answer 1

由于#mainfooter的规则将优先于任何继承的规则，因此您可以为#mainfooter（width: 100%指定宽度，或禁止max-width: 100%）。这应该可以解决问题。

Answer 2

所以解决方法是将display:block添加到#mainfooter。希望这有助于将来面对这个问题的任何人，并非常感谢那些试图帮助我的人

CSS div跟随IE7中前一个div的宽度

2 个答案: