Html 为什么我页脚的最后一列扭曲到最右边？

好的，我从Zurb网站上得到了这个页脚代码，我编辑并使用它，使它成为我所需要的。但现在我有个问题

看看新闻和媒体专栏是如何被推到最右边的吧？有人能帮我修改代码吗

HTML

---

请&谢谢你的帮助

看起来您正在使用网格，并且有四列

div class=“小-6中-3大-2列”>

对于small，您有6个

small-6

，因此每组将占据页面的一半

对于medium，您有3个

medium-3

，因此每个组将占据页面的1/4

但对于大型：您有

large-2

，这意味着您还有一个额外的空白空间。（2,4,6,8）

尝试将

large-2

设置为

large-3

，看看是否有帮助

---

我相信这就是这个问题所在。

这个代码对我们来说是不够的。我试图创建一个JSFIDLE，但是我们需要更多的信息，因为页脚项目显示在彼此的下面。请为我们创建一个JSFIDLE。你说得太对了！我盯着这个项目看了这么久，像这样简单的事情都让我错过了。非常感谢。

   <footer class="footer">
  <div class="row full-width">
      <h4>Looking for Something?</h4>
    <div class="small-6 medium-3 large-2 columns">
      <div class="sitemap">
          <h5>C-A-L Innovations</h5>
        <ul class="footer-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="https://calinnovations.wordpress.com/">Blog</a></li>
          </ul>
    </div>
      </div>
      <div class="small-6 medium-3 large-2 columns">
      <div class="sitemap">
          <h5>Understanding CALi</h5>
        <ul class="footer-links">
        <li><a href="pandp.html">Purpose & People</a></li>
        <li><a href="core.html">Core Strengths</a></li>
        <li><a href="dream.html">The Dream</a></li>
        <li><a href="policies.html">Policies</a></li>
          </ul>
    </div>
      </div>
      <div class="small-6 medium-3 large-2 columns">
      <div class="sitemap">
          <h5>Innovations</h5>
        <ul class="footer-links">
        <li><a href="kinkless.html">Kinkless</a></li>
        <li><a href="comingsoon.html">Coming Soon</a></li>
          </ul>
    </div>
      </div>
      <div class="small-6 medium-3 large-2 columns">
      <div class="sitemap">
          <h5>News & Media</h5>
        <ul class="footer-links">
        <li><a href="social.html">Social Media</a></li>
        <li><a href="press.html">Press Releases</a></li>
            <li><a href="contactus.html">Contact Us</a></li>
          </ul>
          </div>
      </div>
      </div>
</footer>  

    /* Footer Styles */
    .full-width {
      max-width: 1400px;
    }

    .footer {
      background-color: #016B98;
      padding: 1rem;
      text-align: center;
      color: #fff;
    }

    .footer h4 {
    font-size: 15px;
    }

    .footer h5 {
    font-size: 13px;
    }

    .footer li {
    font-size: 13px;
    }

    .footer a {
    color: white;
    }

    .footer a:hover {
    color: #BCD955;
    }

    .footer a:visited {
    color: #FF859C
    }

    .footer li {
    text-decoration: none;
    list-style-type: none;
    }

    .footer h4 {
    color: #BCD955;
    }

.footer .sitemap{
text-align: left;
}