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