百分比不在高度上工作

Question

我有这个 div

<div style="overflow :auto ;height:480px" >

在一张桌子内，

表格中的内容是动态变化的，因此 div 的高度是未知的。

效果很好，但现在我想使用百分比而不是 480px

我尝试了 height:60% 和 height:30% 但不起作用。

不起作用我的意思是表格进入页面。换句话说，div 一直向下。

为什么？

Answer 1

尝试以下方法：

HTML

<div class="dynamic">
    your div content here
</div>

CSS

.dynamic {
    width: 100%;
    height: auto;
    /* your other properties here */
}