Как избавиться от прокрутки снизу?

Question

[Ingernirated]

Добрый день, подскажите, как можно избавиться от прокрутки снизу при этом имея 100% ширины блока и 100% высоты?
https://jsfiddle.net/2wcnfh9o/3/

Answer 1

[Evgeny Zaharov]

Задать ширину в процентах. Вместо 100vw - 100%. Также лучше задать высоту в процентах. Для этого только нужно добавить:

html,
body {
  height: 100%;
}

Comments

[Ingernirated]

Почему, если не указать html тут, то ничего не работает?

[Evgeny Zaharov]

Ingernirated, не работает, если у вас каким-то другим способом высота html не задается во всю высоту окна браузера. Свойство height: 100% у body работает относительно html, а если не задать html height 100%, он не будет иметь высоту, такую же как у вьюпорта (окна браузера в данном случае) и 100% высоты у body будут совсем не такими, как ожидается)

Answer 2

[Dymok]

Так? https://jsfiddle.net/t48s91bj/

Comments

[tyzberd]

100vw включает в себя ширину скролла. В вашем примере блоки шире чем body

[Ingernirated]

Нет, здесь проблема осталась, нужна ширина без скролла.