HTML – 如何使可滚动的引导表100％高度？

概述这是回购的链接： https://github.com/MoviesAroundMe/MoviesAroundMe2/tree/viewTemplate 我们有一张桌子： <table class="table table-hover movie-list-table"> <tr><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</ 这是回购的链接：

https://github.com/MoviesAroundMe/MoviesAroundMe2/tree/viewTemplate

我们有一张桌子：

<table >    <tr><td>1</td></tr>    <tr><td>2</td></tr>    <tr><td>3</td></tr>    <tr><td>4</td></tr>    <tr><td>5</td></tr>    <tr><td>6</td></tr>    <tr><td>7</td></tr>    <tr><td>8</td></tr>    <tr><td>9</td></tr>  </table>

它占据了页面高度的大约75％,我试图让它延伸到页面的整个高度(从标题向下).

我试过了：

HTML {  height: 100%;}body {  min-height: 100%;}

这成功地使身体全高,但桌子没有自动伸展以填补空间..

谢谢

解决方法 为什么不用 viewport percentage lengths设置表高？

table{   height:100vh;}

VIEwport-percentage lengths defined a length relatively to the size of
vIEwport,that is the visible portion of the document.

或者,根据提供的代码,表格高度未设置 – 因此如果您不想使用vh,您可能需要添加高度：100％(以及身体).

同样,如果没有看到更多的代码,很难提供更具针对性的解决方案,另一种方法是：

body{   height:100%;   position:relative;}table{   position:absolute;   top:0;   bottom:0;}

假设桌子是身体的直接孩子

总结

以上是内存溢出为你收集整理的HTML – 如何使可滚动的引导表100％高度？全部内容，希望文章能够帮你解决HTML – 如何使可滚动的引导表100％高度？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。