É ruim colocar a propriedade height em elementos html ao invés de deixar a altura como auto?
18/07/2017
0
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
Curtir tópico
+ 0
Responder
Post mais votado
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.
Joel Rodrigues
Responder
Mais Posts
20/07/2017
Raphael Alves
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.
Responder
21/07/2017
Bernardo Barbosa
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.
Responder
Clique aqui para fazer login e interagir na Comunidade :)