Я хочу установить размер таблицы, чтобы я мог использовать ее в строке прокрутки. Таким образом, высота стола должна быть остальной высотой страницы, но никогда не увеличиваться. И я не хочу жесткого исправления, такого как размер пикселя. Я хочу, чтобы он менялся в зависимости от размера окна. Кто-нибудь знает css для этого?Установите фиксированный размер страницы HTML-страницы
Вы можете использовать блок vh, но вам нужно указать высоту элементов макета на вашей странице, если вы хотите, чтобы высота стола была «оставшейся высотой страницы».
Что такое vh? 1vh - 1% высоты видового экрана, высота внутри окна при загрузке страницы. 100vh - 100% высоты просмотра. Я не верю, что высота изменяется при изменении размера окна.
<style type="text/css">
div#header {
height: 25vh;
overflow: scroll;
}
div#table {
height: 75vh;
overflow: scroll;
}
</style>
<body>
<div id="header">This text explains the contents of the table below.</div>
<div id="table"><table>...</table></div>
</body>
Это может быть либо осуществляется с помощью Javascript, или вы можете попробовать следующий код:
.myTable {
position:fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
Вы не можете использовать height: 100%; директиву, однако. Он не работает при попытке использовать его у ребенка, вложенного непосредственно в <html> или <body>.
Редактировать: Насколько я знаю, директива height: 100% не работает ни с одним элементом, вложенным в элемент без фиксированной высоты. Я имею в виду, что height: 100% будет работать только в том случае, если его родитель прямо указывается, насколько высок (например, height: 600px;).
Если один из приведенных ниже ответов работал на вас, отметьте его как таковой. Если нет, разместите свое. –