如何让我的 div 仅在内容已满时才可滚动?
How do i make my divs scrollable ONLY when the content is full?
我正在制作一个群组类型的页面,我的网页一侧有一个 div,它从数据库中获取成员,所以当有 5 个成员显示时,我会就像侧面没有滚动条一样,但是如果该框填满了 15 个成员,我希望滚动条出现在 div 框中。我想知道如何使用 html、css 或 php(最简单的方法)实现这一点。
无论您使用什么 DIV 来包含此内容,请确保将 overflow 属性更改为 auto 然后它只是使 DIV 的高度足够高,这样当框中有 5 个人名时它就不会显示滚动条,当框中有大约 15 个名字时它就不会显示滚动条将满因此滚动条将自动出现...
它应该看起来像这样:
.currentmembers{
width: 100px;
height: 500px;
overflow: auto;
}
使用 overflow: scroll;
也会留下一个水平滚动条,我假设您不需要,所以 overflow: auto;
将是最合适的。此外,DIV 的高度将取决于名称的字体大小,字体越小,在滚动属性发挥作用之前,您将能够容纳更多的内容。
我正在制作一个群组类型的页面,我的网页一侧有一个 div,它从数据库中获取成员,所以当有 5 个成员显示时,我会就像侧面没有滚动条一样,但是如果该框填满了 15 个成员,我希望滚动条出现在 div 框中。我想知道如何使用 html、css 或 php(最简单的方法)实现这一点。
无论您使用什么 DIV 来包含此内容,请确保将 overflow 属性更改为 auto 然后它只是使 DIV 的高度足够高,这样当框中有 5 个人名时它就不会显示滚动条,当框中有大约 15 个名字时它就不会显示滚动条将满因此滚动条将自动出现...
它应该看起来像这样:
.currentmembers{
width: 100px;
height: 500px;
overflow: auto;
}
使用 overflow: scroll;
也会留下一个水平滚动条,我假设您不需要,所以 overflow: auto;
将是最合适的。此外,DIV 的高度将取决于名称的字体大小,字体越小,在滚动属性发挥作用之前,您将能够容纳更多的内容。