html - HTML元素百分比高度问题

Question

我为自己创建了一个类似快速拨号的主页，其中包含我访问最多的链接。现在，我让它变得有弹性，所以当浏览器窗口水平变窄时，框也会变窄。

我想要的是，当浏览器窗口垂直变窄时，框会再次变窄。

我尝试了几个百分比高度规则，但没有成功，需要帮助。

这是我正在处理其单文件页面的页面，因此 CSS 没有分开。 http://www.purplerspace.com/dl/

Answer 1

如果你想让它工作，你必须将高度百分比添加到几乎所有的 div 中。将 height: 100% 添加到 html、body 然后是包装器以及 lis 和是的，a 样式也是如此。

Answer 2

不知道它是否是最佳的，但这个表应该可以工作。将表格高度和宽度设置为 100%。并且不要忘记将您的 html 和 wrapper 标签设置为 100% 的高度。