Boa noite,
Andei pesquisando na internet a diferença entre usar um ou outro, mas por fim não ficou muito claro . Poderiam me dizer a vantagem e desvantagem de cada um? Ou exemplos que um se encaixa melhor que o outro?
Solucionado
Boa noite,
Andei pesquisando na internet a diferença entre usar um ou outro, mas por fim não ficou muito claro . Poderiam me dizer a vantagem e desvantagem de cada um? Ou exemplos que um se encaixa melhor que o outro?
Os 2 fazem basicamente a mesma coisa, antes não existia o inline-block, com a evolução do css ele veio. Ele é muito usado por ser mais fácil de colocar elementos lado a lado do que usar o float. Sendo assim usamos inline-block para colocar lado a lado e o float se quisermos fazer algo mais elaborado.
Apesar de visualmente serem similares e que diferente do display o float deixa o elemento flutuante, ao utilizar o display: inline-block, por exemplo em um menu que utilize <ul> e <li>'s você vai reparar que entre os itens de lista ficarão pequenos espaçamentos de 1px, o que não ocorre no float. Um outro detalhe é que caso opte por utilizar o float será necessário algum "clearfix" na <ul> para que os itens de lista respeitem a "área útil" da <ul>.
Ou seja, não existe certo ou errado, vai muito da sua necessidade durante o processo de desenvolvimento.