Неактивна зіркаНеактивна зіркаНеактивна зіркаНеактивна зіркаНеактивна зірка
 

Як обмежити по висоті блок в 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>