Выйти по ширине за пределы wrapper

310

15 декабря 2016, 16:31

Есть обертка (wrapper) width: 1024px, блок выровнен по центру. Весь контент находится в нем. Но есть другой блок, бэкграунд которого должен быть во всей ширине экрана, то есть выходить за пределы 1024px, но текст должен находится на таком же уровне, что и контент в обертке. Только бекграунд на всю ширину экрана. Возможно, не совсем ясно выразился,посему прикрепил изображение. Как правильно будет сделать в CSS? Спасибо

Answer 1

Рекомендую Вам в таких случаях использовать другую структуру страницы:

<div class="section1">
   <div class="inner-wrap">
         тут контент
   </div>
</div>
<div class="section2">
   <div class="inner-wrap">
         тут контент
   </div>
</div>
<div class="section3">
   <div class="inner-wrap">
         тут контент
   </div>
</div>

То есть div с класами section обертки на всю ширину, а inner-wrap сделайте 1024px

Вариант 2: можно использовать псевдоелементы after и before с абсолютным позиционирование для задания фонового изображения.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Обрезаются названия товаров в магазине

Есть интернет-магазин на WordPress WooCommerceНа главной странице в перечне товаров текст в ссылке выводится почему-то таким образом:

326

HTML

Скроллинг tbody?

Не могу нигде информацию найти, можно ли сделать скроллинг tbody? Если обернуть всю таблицу в div, то скроллинг выходит некрасивый, названия столбцов...

271

HTML