1

我想设置表格的大小，以便可以在行滚动中使用。所以表格高度需要是页面的剩余高度，但永远不要变大。而且我不想要像像素大小这样的硬修复。我希望它根据窗口大小而变化。有人知道这个的css吗？

4

2 回答 2

1

您可以使用该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>
于 2015-01-28T15:10:10.637 回答
0

这可以使用 Javascript 来完成，也可以尝试以下代码：

.myTable {
    position:fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

但是，您不能使用该height: 100%;指令。<html>尝试在嵌套在 a或<body>直接嵌套的子级上使用它时不起作用。

编辑：据我所知，该height: 100%指令不适用于嵌套在没有固定高度的元素中的任何元素。我的意思是，height: 100%只有在明确告知其父级有多高（例如，）时才会起作用height: 600px;。

于 2015-01-28T15:04:39.567 回答