@Gagatyn
Самоучка

Как растянуть блок на всю ширину и высоту без скроллбаров на весь экран?

Как можно заметить в jsfiddle, что при растяжении на весь экран появляются скроллбары.
Проблема решается при помощи box-sizing: border-box;, но из-за этого вверстка начинает ехать не туда.
Подскажите, как добиться состояния, чтобы блок .wrapper был по всему экрану без скроллбаров и с отступами?

UPD:
body { 
 display: flex 
}

Ну или
body { 
 display: grid
}
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Проблема решается при помощи box-sizing: border-box;, но из-за этого вверстка начинает ехать не туда.

Так задавайте его для .wrapper, а не для всех.

p.s. либо задайте для всех (и псевдо не забудьте) и пересчитайте ширину.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@V0vash
НАшКОДИЛ
Если правильно понял, то

Ответ написан
EddiePoe
@EddiePoe
Пытаюсь саморазвиваться... но что то не выходит
как насчет
html::-webkit-scrollbar {
  width: 0 !important;
}

??
Это просто уберет скроллбары (не все) на странице
Ответ написан
Ваш ответ на вопрос

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

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