Javascript 基础行防止全屏网页 我试图用基础框架做一个宽度为100%的网页，它工作得很好，直到我尝试添加div类＝行容器的时候。

我想要的是两张相邻的图片，分别占据8列和4列。这些图像的两侧都应该没有填充，并且覆盖整个屏幕。为此，我应用了以下代码

<div class="row collapse fullwidth">
    <div class="large-8 medium-12 relative columns">
        <a href="#" class="darken"><img src="img/r3gamersHome.png"/>
            <div class="large-12 large-centered medium-12 medium-centered small-12 small-centered caption">
               <h2 class="brighten">Portfolio</h2>
            </div>
        </a>
    </div>
    <div class="large-4 medium-12 relative columns">
         <a href="#" class="darken"><img src="img/r3gamersHome.png"/>
            <div class="large-12 large-centered medium-12 medium-centered small-12 small-centered caption">
                <h2 class="brighten">Portfolio</h2>
            </div>
         </a> 
    </div>
  </div>

---

任何帮助都会很好。谢谢

< P> >在Codepen玩它，看起来你的CSS无法覆盖.ROW类的基础CSS。

max-width: 100% !important;

而不是

max-width: 100%;

---

帮我修好。如果您希望行div总是这样做，您可能需要修改实际的基础CSS。 我将如何永久性地进行任何可避免的更改？我的印象是建立在基金会被覆盖的基础上的文档。他们告诉你也要覆盖他们的css，而不是操纵它。我相信你的自定义css会覆盖基金会的css，如果你最后在文档头导入它的话。这可能是错误的，但如果你还没有尝试过，那就试试吧。你已经做了，甚至按照创建者的建议使用了app.css。没有帮助。我可以用！重要的是，如果我不得不这样做，我只是把它作为最后的手段。事实上，上述情况可能会使事情变得过于复杂。首先尝试将CSS更改为.row.fullwidth{…}，看看会发生什么。

max-width: 100%;