Как сделать, чтобы при уменьшении длины страницы длина блока уменьшалась?

Question

[Даниил Секретов]

Есть красный блок со стилями:

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    padding: 100px;
}
.block {
    width: 1000px; 
    background-color: crimson;
    height: 400px; 
}

Как сделать так, чтобы при уменьшении длины страницы блок становился меньше в параметре height и не появлялась полоса прокрутки?

Comments

[Ankhena]

Если длина это высота, то используйте vh.

Но, наверное, в этом блоке есть что-то еще и одним вопросом дело не ограничится.

[Сергей delphinpro]

Пропорциональное изменение высоты можно сделать более чем одним способом. И выбор должен основываться на реальной задаче. Опишите, что вы делаете.

Answer 1

[Nik Faraday]

Во прямо хард-кодом задаёте размеры блока. Попробуйте использовать пропорциональные размеры, т.е., вместо px воспользуйтесь процентами %

Comments

[Даниил Секретов]

В этом и есть проблема, какой я бы процент не поставил например  
height: 100%;
 то фигура пропадает

[Nik Faraday]

Даниил Секретов, процентное соотношение определяется по отношению к родительскому компоненту, значит у вас где-то проблема с компонентами верхнего уровня