Загрузка...НЕТ ВРЕМЕНИ ЧИТАТЬ СТАТЬЮ?
Но вам требуется помощь в настройке Создание полной ширины (100%) контейнер внутри фиксированной ширины контейнера ?
Получите индивидуальную мини-консультацию по Скайпу или WhatsApp.
Цена: 500 руб.Оформить заказ и оплатить
Если вы собираетесь делать все самостоятельно — продолжайте чтение!
Данный урок расскажет как растянуть контейнер на всю ширину через CSS, если у нас есть сайт с дивом фикксированной ширины.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<div class="container"> <div class="full-width"> контент </div> </div> html, body { overflow-x: hidden; } .container { position: relative; max-width: 940px; width: 100%; margin: 0px auto; padding-right: 15px; padding-left: 15px; } .full-width { padding: 40px 0; background: #f8f8f8; width: 100vw; margin-left: calc(-50vw + 50%); } |
Существуют и другие решения, примеры здесь — https://css-tricks.com/full-browser-width-bars/
