首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何正确设置面板的最小高度和最大高度,并隐藏任何溢出的内容?

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

Stack Overflow用户
提问于 2019-06-21 03:05:30
回答 1查看 41关注 0票数 0

我有面板

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

目标

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

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

我试过了

代码语言:javascript
复制
.nfTable   {
    min-height: 850px;
    max-height: 850px;
}

我应该使用overflow:hidden吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-21 03:36:10

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56692392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档