Css 基础-全宽度与探险家问题 我正在实验基础，我想建立一个具有全宽度行的模板。在Firefox和Chrome上一切都很好，但在IE上全速运行（我使用的是IE11，所以我想以前的版本也会受到影响）

我的html：

<div class="row fullWidth-3">
    <div class="small-12 columns navigation-3">Navigation</div>
    <div class="small-12 columns advertising-3">
        Advertising
        <div class="contentWidth-3">
            <div class="small-12 columns">TEST</div>
            <div class="medium-4 columns">TEST</div>
            <div class="medium-8" columns">TEST</div>
        </div>
    </div>
</div>

IE的宽度似乎限制在1000像素左右，而Firefox和Chrome显示的是预期的全宽div

我想保持基础CSS的清洁。你知道我怎么解决这个问题吗

补充说明： -单凭这一点，它也不起作用

.fullWidth-3
    {
       width: 100%;
    }

谢谢

---

劳伦特

如@GL.awog评论中所述

类“row”对所有浏览器的一般最大宽度限制为62.5rem，从.fullWidth-3中删除max-width:initial，您将看到与IE中相同的行为

而是设置最大宽度：100%，而不是保留初始值，这在浏览器中是不一致的

---

最大宽度：初始值

？如果你移除它会发生什么？寻求调试帮助的问题必须包含在问题本身中*复制它*所需的最短代码。请看Hi Paulie，如果我将其精简到最小值（请参阅附加说明），它不会改变任何东西。然后我们需要一个演示，它不起作用，以便我们可以对其进行修补。对于所有浏览器，“row”类有一个通用的最大宽度限制62.5rem，从.fullWidth-3中删除max width:initial，您将看到与IE中相同的行为。与其保留初始值，不如设置max width:100%，这在browsersGreat中是不一致的！这很有效，谢谢！！

.fullWidth-3
    {
       width: 100%;
    }