0

好吧。首先，我对 CSS 和 HTML 很陌生。我一直在做这个项目，边走边学。话虽如此，如果您能稍微解释一下您的答案，那将对我有很大帮助！

反正。长话短说，我正在创建一个表单并尝试将其布局为 div 显示为一个表格（我知道如何使用 HTML 表格，我选择使用 div 以便我可以使用 CSS 更好地设置它的样式）。

基本上，我有一个显示为表格的主 div，高度设置为 100%。然后我嵌套了显示为表格行（总共 5 个）的 div，以及显示为表格单元格的其他嵌套 div。

我遇到的问题是，当我设置行或单元格的高度时，它们不会改变......完全！请记住，我使用的不是 px 或 em 百分比。

我试图让第 1 行和第 5 行占主 div 的 100% 的 5%，而第 2-4 行占主 div 的 100% 的 30%。我假设这将等于 100% 并导致行与主 div 的 100% 高度匹配。它显然不起作用，所以我认为我的逻辑完全错误。

我已经寻找解决方案但没有找到，这就是我在这里的原因。

这是我在做什么的一个想法：

#MainDivTable
{
    display: table;
    height: 100%
    width: 100%;
}

#DivCol1Row2
{
    height: 30%;
}

#DivCol1Row3
{
    height: 30%;
}

#DivCol1Row4
{
    height: 30%;
}

#DivCol1Row5
{
    height: 5%;
}
4

1 回答 1

0

您需要了解百分比高度始终是某物的百分比， 即当您将 mainTable 高度指定为 100% 时，它必须是某物的 100%，这通常是父级的高度。

首先，您需要将父级的高度设置为固定值，否则您可以在布局向上传播百分比高度，直到到达根元素。

在你的情况下，我认为，

    html, body { height:100%;}

应该做的伎俩。

于 2013-09-25T19:20:34.137 回答