基础页脚，100％宽

Question

这可能是非常简单但我无法理解如何在基金会5中制作100％宽的页脚。我尝试了以下内容：

.footer {
    width: 100% !important;
    background: #cccccc;
}

并在模板中

<div class="row footer">
 This is the footer
</div>

但页脚仍然居中，宽度不等于页面的100％。 是否有一些内置的方法可以做到这一点，我不知道？

谢谢！

Answer 1

Foundation-5 css的max-width属性设置为row类，宽度为100％

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem; 
}

您不需要以100％覆盖.footer类width，因为无论如何都需要覆盖行。

覆盖max-width属性。

.footer{
max-width:none;
}

P.S !important declarations should not be used unless they are absolutely necessary