Вход Регистрация
*— обязательные для заполнения поля
Войти через социальные сети

Блок 100% ширины внутри фиксированного

Очень интересная реализация блока по всей 100% ширине сайта внутри блока фиксированной ширины.

Многие из нас сталкивались, бывает необходимо на сайте даже прям в контенте статьи добавить блок 100% ширины на весь сайт, но часто это блоки на главной странице, выглядит это вот так:

Блок 100% ширины внутри фиксированного

Но когда ширина контента сайта ограниченная или фиксированная, например 960px, то возникнет проблема, а сделать это оказывается просто, вот так:

#wrapper{overflow: hidden;}
.width100{margin: 0 -100%; padding: 0 100%;background: #F2F2F2;}

Поясняю:
1. Блоку родителю, например body  или #wrapper, необходимо применить overflow, иначе появится полоса горизонтальной прокрутки внизу страницы.
2. А блоку,  например с классом  .width100 в котором должен быть контент, применяем сдвиг поля и отступа по горизонтали на 100%

Комментарии
ЗОЖ
Комментарии
Последние комментарии
В комплект к нему будет полезно установить RSS-Bridge https://github.com/RSS-Bridge/rss-bridge Позво...
"key-buffer-size 8 МБ 32M" Этот буфер используется только для myisam, зачем его увели...
В вашем примере не сохраняются параметры запроса if ($request_uri ~* "^(.*/)index\.ph...
В bitrix-env используется percona 5.7. С ней не проверяли, проблем не было?
Здравствуйте. Разместили компонент на странице товара (в component_epilog.php шаблона компонента cat...
Ребята, подскажите, удалось решить проблему с подключением CSS? Чтобы оплата отображалась в шаблоне ...
На 18 битриксе все работает нормально,автор спасибо за статью,полезное дело делаете!!! Попроб...
Подписка
Выберите рассылку