html - Zurb Foundation 5 的 IE 8 页脚不会全宽

Question

我尝试了所有解决方案，但与页眉和时间轴不同，我似乎无法将页脚扩展到 1200 像素以上。

我使用的是 Zurb Foundation 5，它对 IE8 不友好，但我使用 REM Javascript 和条件标签使其在 IE8 上运行良好。

这是我的 CSS:

.footer-block{
  background: #8f77b3;
  color: #FFF;
  margin: 10px 0 0 0;
  overflow:hidden;
  width:100%
}

.footer-text{
    font-size: 18px;
    padding: 10px 0 10px 0;
    text-align: center;
}

.footer-text b{
  font-size: 18px;
}

还有我的 HTML

<!-- Footer Section -->
<section class="footer-block">
  <div class="row">
    <div class="large-12 columns"><p class="footer-text">For more information please visit: <b>www.experian.co.uk/debt-map</b></p></div>
  </div>
</section><!-- End of Footer -->

此外，您还可以查看整个网站: http://www.planet.nu/dev/debt-burden-responsive/map.html

Answer 1

我很难找出问题所在，但我有一个线索:

当我检查 .footer-block .row 的 CSS 时，除 IE8 之外的所有浏览器上的 CSS 都调用 .row。

当我在 IE8 中检查时，它调用 .row .row。该选择器使用不同的规则集和负边距来正确排列事物。您可能想检查您的 HTML 并查看是否遗漏了结束标记。您还可以在 .footer-block .row 上为 IE8 制定特定规则。