Html 桌子未位于DIV标签内的100%高度

Html 桌子未位于DIV标签内的100%高度,html,css,Html,Css,我已在以下链接的DIV标记中设置了一个表: 我想知道我的桌子是否可以从它所在的分区继承100%的高度 需要一些帮助将非常有用。将高度:100%添加到.container中,它会拉伸它 只需将高度:100%应用于容器div,查看更新的JSFIDLE 分区CSS: .container { background: yellow; min-height: 100%; height: 100%; width: 50%; margin: 0 auto; } 我试

我已在以下链接的DIV标记中设置了一个表:

我想知道我的桌子是否可以从它所在的分区继承100%的高度


需要一些帮助将非常有用。

高度:100%
添加到
.container
中,它会拉伸它


只需将高度:100%应用于容器div,查看更新的JSFIDLE

分区CSS:

.container {
    background: yellow;
    min-height: 100%;
    height: 100%;
    width: 50%;
    margin: 0 auto;
}

我试过了,但没能成功。不过,一定是做错了什么,因为你的工作很好。你的与众不同的原因是你的.container是min height,你需要将它更改为height:100%你就快到了,你在
html
body
标记上有
高度:100%
,但你也只需要在
container
上使用它。
.container {
    background: yellow;
    min-height: 100%;
    height: 100%;
    width: 50%;
    margin: 0 auto;
}