html - 如何正确设置面板的最小高度和最大高度并 overflow hidden 的任何内容？

Question

我有面板

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

---

目标

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

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

---

我试过了

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

---

我应该使用 overflow:hidden 吗？

Answer 1

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

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