Стоп -стола от разрастания своего родителя ⇐ Html

[Anonymous]

Я уже делал такие вещи, как настройка таблицы на < /p>

table-layout: fixed; < /p>
< /blockquote>
Но, похоже, это вообще не влияет. В деталях моя проблема заключается в том, что у меня есть таблица, которая сама по себе имеет много элементов (он же много рядов). Как вы увидите в коде ниже. Все родители имеют высоту на 100% (только родители - HTML и тело). И HTML, и тело имеют высоту приблизительно 1200 пикселей (около размера окна моего браузера). Но таблица, которая расположена внутри разгонов тела, его родительский контейнер (имеет ширину приблизительно 2000 пл.) К сожалению, настройка отображение: block приведет к сломанию всей макета таблицы. Кроме того, я хотел бы, чтобы тело таблицы было прокрутилось в случае слишком большого количества элементов (так что заголовок таблицы всегда был виден).
css
html, body {
height: 100%;
}

body {
padding: 10px
}

table {
width: 100%;
border: 1px solid gray;
}

html





Document







ID
Name
Email
Age
City
Status




1
User 1
user1@example.com
25
Berlin
Active





const tbody = document.querySelector("tbody");
for (let i = 2; i

Подробнее здесь: https://stackoverflow.com/questions/797 ... its-parent