如何正确设置面板的最小高度和最大高度并隐藏溢出的任何内容?

How to properly set the min-height and the max-height to the panel and hide anything that is overflow?

我有面板

我想设置一个min-heightmax-height为850px;到我右边的面板右边。 ]


目标

如果列表中没有任何内容,我仍然希望面板高度为 850px。

如果我在列表中添加了这么多,我希望面板高度增加到 850px 以上。


我试过了

.nfTable   {
    min-height: 850px;
    max-height: 850px;
}

我应该使用 overflow:hidden 吗?

如果您始终希望面板的高度为 850 像素,则无需设置最小或最大高度。当块可以根据内容扩展或收缩并且您不希望它扩展或收缩超过特定大小时,最小和最大高度很有用。所以你应该只使用 height: 850px;

如果面板中的内容可能超过 850 像素,您有几个选择。如果您根本不想看到它,可以使用 overflow: hidden; 隐藏它,或者如果内容超过面板高度,您可以使用 overflow: auto; 允许内容滚动。有关 CSS 溢出 属性 的更多信息,请参阅 here