Как ограничить по высоте выпадающий список в HTML

Как ограничить по высоте блок в HTML, в том числе и выпадающий список. Это очень просто! Достаточно указать не только высоту блока, которая необходима, но также и необходимую максимальную высоту, которая будет ограничивать, к примеру, выпадающий список или другой блок с текстом.

Ограничивает высоту блока свойство max-height. Достаточно просто прописать его в правилах CSS:

.test-blok {
    height: auto;
    max-height: 310px;
}

Если вдруг доступа в файл со стилями CSS нет или не хочется его обновлять в программе так как при её обновлении может всё слететь, при острой необходимости можно прописать стили прямо в файле html и переопределить свойства, поставив такой же блок, как и в css, но прописав !important после того значения, которое нужно переопределить:

.test-blok {
    height: auto !important;
    max-height: 310px !important;
}

Блок со стилями в html нужно оформить тегами style и расположить его перед закрывающимся тегом head. Пример:

<style type="text/css">
.test-blok {
    height: auto !important;
    max-height: 310px !important;
}
</style>