CSS：是否有可能打破容器的同时保持布局

Question

我编码这是应该在移动将全屏页面。这将显示在其对左，右页边距一个shopify店。我想删除这些不碰我的HTML的容器。这可能吗？

我曾尝试改变位置以绝对但这倒塌我的页脚。

下面是容器的宽度：

    width: calc(100% - 40px);

Answer 1

CSS支持切缘阴性，如果我在读你的问题正确，你有利润父容器，你想父容器外达成子容器。像这样的东西应该工作：

.parent {
   margin-left: 1em;
   margin-right: 1em;
}
.child {
   margin-left: -1em;
   margin-right: -1em;
}

然后改变你的切缘阴性，以匹配父利润，你应该能够打出来的父母不改变父容器。

Answer 2

研究由OutOfTheSandbox涡轮主题，并检查他们的demo的代码后，我发现，添加类container full-width--true应该工作：

    <div class="container full-width--true"> 
        // My full-width container 
    </div>

这将设置在容器宽度为100％，从而利用视口的整个宽度。