Ola, minha dúvida é o seguinte. vamos supor esse codigo
<div>
<a>teste</a>
<a>teste</a>
<a>teste</a>
<a>teste</a>
</div>
Essa div é exibida ao passar o mouse em um botao, ate aqui tudo bem, porem verifiquei em um site um caso parecido porem acontecia o seguinte...a div tinha muitas opções, quando se clicava no menu dropdown, a div se estende ate o fim da tela, se o espaço nao for suficiente para exibir todo o conteúdo ela gera uma scroll, independente em que posição se encontra o menu dropdown, a div so se estende ate o fim da tela, tipo: se o usuario rolou a pagina e o botao do menu dropdown ficou la no rodape da tela, ao clicar no menu...ele faz a div ir ate esse final da tela..mostrando poucas opções e gerando uma scroll na div, estou tentando fazer um igual, porem se eu coloco pra div ter height auto, quando clico no menu...ela ja mostra todo o conteudo e estendendo a div pra fora da tela e não gera o scroll mesmo com o overflow:auto, pois a div com height auto se ajusta ao conteudo e não a tela, não sei se deu pra entender mas resumindo, quero uma div que se estenda apenas ate o final da tela, que ela se ajuste a tela e nunca exiba conteudo que ultrapasse a parte visivel da tela, nesse caso ela tem que criar um scroll. sei que da pra fazer um esquema com javascript, porem quero saber se tem alguma alternativa mais simples que use talvez só css.