Como limitar a altura do elemento filho para o máximo disponível do pai?

Para limitar a altura de um elemento filho ao máximo disponível do pai, você pode usar a propriedade CSS "max-height" com o valor "100%". Isso fará com que a altura do elemento filho seja limitada à altura máxima do elemento pai. Exemplo de código CSS: ``` .pai { height: 500px; /* altura do elemento pai */ overflow: auto; /* para permitir a rolagem caso o conteúdo do filho ultrapasse a altura do pai */ } .filho { max-height: 100%; /* altura máxima do elemento filho igual à altura do elemento pai */ } ``` Lembre-se de que o elemento pai precisa ter uma altura definida para que isso funcione corretamente.