CSS: возможно ли вырваться из контейнера при сохранении макета

Question

Я кодирую страницу, которая должна быть полноэкранной на мобильном телефоне.Он будет отображаться в магазине магазина, который имеет поля слева и справа.Я хочу удалить их, не касаясь контейнера моего HTML.Возможно ли это?

Я пытался изменить положение на абсолютное, но это разрушило мой нижний колонтитул.

Вот ширина контейнера:

    width: calc(100% - 40px);

Answer 1

После исследования Turbo Theme с помощью OutOfTheSandbox и проверки кода их demo я обнаружил, что добавление класса container full-width--true должно работать:

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

Это устанавливает ширину контейнерадо 100%, таким образом, принимая всю ширину области просмотра.

Answer 2

CSS поддерживает отрицательные поля, если я правильно читаю ваш вопрос, у вас есть родительский контейнер с полями и дочерний контейнер, который вы хотели бы получить вне родительского контейнера.Примерно так должно работать:

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

Затем измените свои отрицательные поля, чтобы они соответствовали полям родительских полей, и вы сможете выйти из родительского поля, не меняя родительский контейнер.