如果内容已满,我如何使我的div可滚动?

时间:2015-03-14 16:04:12

标签: php html css scroll scrollbar

我正在制作一个群组类型页面的东西,我在我的网页侧面有一个div,它从数据库中获取其成员,所以当有5个成员显示时,我不希望侧面有滚动条但是如果这个方框填满了15个成员,我希望滚动条显示在div框中。我想知道如何用html,css或php(最简单的方法)实现。

1 个答案:

答案 0 :(得分:0)

无论您使用哪种DIV来包含此内容,都要确保将溢出属性更改为自动,然后只需将DIV的高度设置为高当盒子里有5个人的名字时,它就不会显示滚动条了,当盒子里有大约15个左右的名字时它就会满了,因此滚动条会自动显示......

看起来应该是这样的:

  .currentmembers{

width: 100px;
height: 500px;
overflow: auto;
}

使用overflow: scroll;也会留下一个水平滚动条,我假设你不想这样,overflow: auto;将是最合适的。 DIV的高度还取决于名称所在的字体大小,字体大小越小,在滚动属性发挥作用之前,您在该一个方框中的容量就越大。