Ivseti
@Ivseti
Фронтенд HTML, CSS и немного JS с PHP

Почему VW делает нижнюю прокрутку страницы при растягивании дочернего блока?

Сообственно у меня контейнер 1200px, есть блоки которые нужно растянуть на всю ширину, растяжку делаю по методике найденной тут:

position: absolute;
    z-index: 1;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;


Проблема в том, что проверяю на 1366px и на 1920px все норм, но у меня ноут 1600 × 900 и разрешение точное 1583 × 784 . У меня внизу появляется скролл.... Почему ? Как это пофиксить ? Это Яндекс.Браузер. Пока из вариантов ставить на медиа width: 99.45vw; , но это прям костыль какой-то.... Может есть какие нибудь другие решения растяжки блока ?

Кусочек мой верстки тут: https://danil-konev.ru/ - Блок Выполненные работы .work_bg
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
DanArst
@DanArst Куратор тега CSS
Гриффиндор в моде при любой погоде!
Именно для вашего случая. Но я бы на вашем месте это по другому реализовал, как минимум картинку бы сделать бэкграундом, а не вставлять с помощью тега img. Она ведь не относится к содержанию страницы и не имеет никакой смысловой нагрузки
html, body{
height: auto;
width: 100%;
overflow-x: hidden;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Проблема в том, что 100vw включает в себя полосу прокрутки.
Вот здесь я решал похожую задачу https://qna.habr.com/q/616576.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы