【问题标题】：How to properly set the min-height and the max-height to the panel and hide anything that is overflow?如何正确设置面板的最小高度和最大高度并隐藏任何溢出的内容？
【发布时间】：2019-11-03 15:40:07
【问题描述】：

我有面板

我想将min-height和max-height设置为850px；在我的右侧面板右侧。 ]

目标

如果列表中还没有任何内容，我仍然希望面板高度为 850 像素。

如果我在列表中添加了这么多，我确实不希望面板高度增加到超过 850 像素。

我试过了

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

我应该使用overflow:hidden 吗？

【问题讨论】：

为什么不简单地height:850px ？

标签： html css panel

【解决方案1】：

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

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

【讨论】：