É ruim colocar a propriedade height em elementos html ao invés de deixar a altura como auto?
Opa pessoal, me ajudem nessa dúvida aqui.
Muitas vezes em divs ou sections, tais elementos acabam não alcançando a altura desejada e fico tentado a colocar um height para preencher a tela com a altura desejada.
Mas isso vem me gerando alguns problemas, como por exemplo quando o elemento se expande com o seu conteúdo e fica com a altura maior do que a foi setada, aí fica com scroll já não fica algo bom. Sem contar que no responsivo isso não estava me ajudando muito tbm, então preferi deixar a altura como auto.
Vocês acham ruim configurar o height de um elemento com uma determinada medida ou devo usar sempre o auto (padrão)?
Muitas vezes em divs ou sections, tais elementos acabam não alcançando a altura desejada e fico tentado a colocar um height para preencher a tela com a altura desejada.
Mas isso vem me gerando alguns problemas, como por exemplo quando o elemento se expande com o seu conteúdo e fica com a altura maior do que a foi setada, aí fica com scroll já não fica algo bom. Sem contar que no responsivo isso não estava me ajudando muito tbm, então preferi deixar a altura como auto.
Vocês acham ruim configurar o height de um elemento com uma determinada medida ou devo usar sempre o auto (padrão)?
Bernardo Barbosa
Curtidas 0
Melhor post
Joel Rodrigues
19/07/2017
Olá, Bernardo. Tudo bem?
Às vezes é necessário definir as dimensões de certos elementos com valores fixos para atingir objetivos específicos. Mas em vários casos essa questão de o conteúdo se expandir pode ser resolvida com algumas técnicas. Por exemplo:
- Usar min-height: definindo a altura mínima, se o elemento crescer além disso ele vai se expandir e não ficar com barra de rolagem;
- Usar flexbox: o flexbox oferece várias configurações possíveis que têm ajudado bastante a criação de telas responsivas.
Aqui tem uma documentação bem completa sobre o flexbox. Creio que vai lhe ajudar: https://www.devmedia.com.br/css3-flexbox-funcionamento-e-propriedades/29532
Abraço.
Às vezes é necessário definir as dimensões de certos elementos com valores fixos para atingir objetivos específicos. Mas em vários casos essa questão de o conteúdo se expandir pode ser resolvida com algumas técnicas. Por exemplo:
- Usar min-height: definindo a altura mínima, se o elemento crescer além disso ele vai se expandir e não ficar com barra de rolagem;
- Usar flexbox: o flexbox oferece várias configurações possíveis que têm ajudado bastante a criação de telas responsivas.
Aqui tem uma documentação bem completa sobre o flexbox. Creio que vai lhe ajudar: https://www.devmedia.com.br/css3-flexbox-funcionamento-e-propriedades/29532
Abraço.
GOSTEI 2
Mais Respostas
Joel Rodrigues
18/07/2017
Olá, Bernardo. Tudo bem?
Às vezes é necessário definir as dimensões de certos elementos com valores fixos para atingir objetivos específicos. Mas em vários casos essa questão de o conteúdo se expandir pode ser resolvida com algumas técnicas. Por exemplo:
- Usar min-height: definindo a altura mínima, se o elemento crescer além disso ele vai se expandir e não ficar com barra de rolagem;
- Usar flexbox: o flexbox oferece várias configurações possíveis que têm ajudado bastante a criação de telas responsivas.
Aqui tem uma documentação bem completa sobre o flexbox. Creio que vai lhe ajudar: https://www.devmedia.com.br/css3-flexbox-funcionamento-e-propriedades/29532
Abraço.
Às vezes é necessário definir as dimensões de certos elementos com valores fixos para atingir objetivos específicos. Mas em vários casos essa questão de o conteúdo se expandir pode ser resolvida com algumas técnicas. Por exemplo:
- Usar min-height: definindo a altura mínima, se o elemento crescer além disso ele vai se expandir e não ficar com barra de rolagem;
- Usar flexbox: o flexbox oferece várias configurações possíveis que têm ajudado bastante a criação de telas responsivas.
Aqui tem uma documentação bem completa sobre o flexbox. Creio que vai lhe ajudar: https://www.devmedia.com.br/css3-flexbox-funcionamento-e-propriedades/29532
Abraço.
GOSTEI 0
Raphael Alves
18/07/2017
Complementando... existem vários unidades de media que também podem te ajudar em alguns casos, elas conseguem se adaptar a altura da tela, temos por exemplo o "%" e "vh".
Abraaço.
Abraaço.
GOSTEI 1
Bernardo Barbosa
18/07/2017
Obrigado meus amigos. Consegui entender :)
Acho que usar o min-height é a solução pro problema específico da minha situação.
Acho que usar o min-height é a solução pro problema específico da minha situação.
GOSTEI 0