Gostaria de esclarecer se é possível ou não fazer um div caber em seu tamanho com base no tamanho do conteúdo sem ter que fazer os elementos flutuarem ou ter que tornar sua posição absoluta. É possível?
Gostaria de esclarecer se é possível ou não fazer um div caber em seu tamanho com base no tamanho do conteúdo sem ter que fazer os elementos flutuarem ou ter que tornar sua posição absoluta. É possível?
Respostas:
displayConfiguração CSSÉ claro que é possível - prova de conceito JSFiddle, onde você pode ver todas as três soluções possíveis:
display: inline-block- este é o que você não está ciente
position: absolute
float: left/right
Você pode usar display: inline-block.
position:absolute. É bem possível. Clique no link em minha resposta.
Você pode usar:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
EDIT: Não. Veja http://red-team-design.com/horizontal-centering-using-css-fit-content-value/
-webkit-fit-contentou -moz-fit-contentdependendo do navegador que usar.
display: block-inline!! (que deve se comportar externamente como um bloco, mas internamente como um inline - o oposto deinline-block)