Как сделать мои divs прокручиваемыми ТОЛЬКО, когда содержимое заполнено?

Question

Я делаю страницу типа группы, и у меня есть div на стороне моей веб-страницы, которая получает своих членов из базы данных, и поэтому, когда есть 5 участников, я бы не хотел, чтобы полосы прокрутки были на стороне, но если поле заполняется, скажем, с 15 членами, я бы хотел, чтобы полосы прокрутки появлялись в поле div. Мне было интересно, как это достигается с помощью html, css или php (самый простой способ).

Answer 1

Независимо от DIV вы используете, чтобы содержать это содержание убедитесь, что вы измените переполнения атрибут авто, а затем это просто вопрос создания высоту DIV достаточно высокий, так что он не покажет полоса прокрутки, когда в коробке указано 5 имен людей, сделайте так, чтобы около 15 или около того было указано, что они будут заполнены, поэтому полоса прокрутки автоматически появится ...

Это должно выглядеть примерно так:

.currentmembers{ 

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

Использование overflow: scroll; также оставит горизонтальную полосу прокрутки, которую я предполагаю, что вы не хотите, чтобы overflow: auto; был наиболее подходящим. Также высота вашего DIV будет зависеть от размеров шрифтов, в которых будут находиться имена, чем меньше размер шрифта, тем больше вы сможете поместиться в этом окне до того, как атрибут прокрутки начнет играть.