Как я могу расширить таблицу вертикально, не влияя на содержание в CSS? ⇐ CSS

[Anonymous]

Я строю стол с HTML, но у меня проблемы с CSS. Первоначально кажется, что высота таблицы не пропорциональна тому, что она должна занимать на экране (начальное изображение таблицы), поэтому я попытался увеличить высоту контейнера таблицы: < /p>

Код: Выделить всё

.table {
table-layout: fixed;
width: 100%;
height: 80%; //WHAT I TRIED TO DO
background-color: #ffffff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
border-radius: 0.5rem;
}

Но когда я делаю это, контент «растягивается» вертикально (таблица сбоя результатов imame).
Как я могу сохранить контент, поскольку он есть, несмотря на удлинение таблицы вертикально?

Подробнее здесь: https://stackoverflow.com/questions/797 ... ent-in-css