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

【问题标题】：CSS div following width of previous div in IE7CSS div 跟随 IE7 中前一个 div 的宽度
【发布时间】：2011-11-08 16:07:17
【问题描述】：

这里是链接： 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）的最大宽度。有什么解决办法吗？

感谢任何帮助。谢谢！

【问题讨论】：

因此，解决方案是将“display:block”添加到#mainfooter。感谢您的帮助。
使用答案分数下方的复选标记将其标记为已接受，而不是将您的问题标记为“已解决”。

标签： internet-explorer-7 width css

【解决方案1】：

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

【讨论】：

感谢您的回复。不幸的是，它不起作用（无论我添加width：100％，max-width：100％还是width：1000px）
所以我刚刚尝试添加显示：块，即使我没有宽度：100%，它现在也可以工作。感谢您的帮助:)

【解决方案2】：

所以解决方案是在#mainfooter 中添加display:block。希望这对将来遇到此问题的人有所帮助，非常感谢那些尝试帮助我的人

【讨论】：