1

Como fazer os divs abaixo terem a mesma altura sempre? O conteúdo é dinâmico, hora conteúdo do primeiro será maior, hora o do segundo, eu poderia usar tables, mas o conteúdo não é tabular.

<div style="border: solid; height: 200px;">
  <div style="border: solid; display: inline-block;">
    DIV1 LINHA 1
  </div>
  <div style="border: solid; display: inline-block;">
    DIV2 LINHA 1
    <br> DIV2 LINHA 2
    <br> DIV2 LINHA 3
  </div>
</div>

3

1 Resposta 1

-1

Acho que todas as confusões e dificuldades que eu tinha referentes à altura, posicionamento, responsividade, etc, puderam ser resolvidas com os modelos deste link

Eu penso que a ideia de tabelas é muito mais intuitiva, mas obviamente é completamente obsoleta. Assim, neste link, ele consegue gerar classes que simulam uma tabela, mas com todas as vantagens do CSS.

1
  • Não vejo o uso de tabelas como obsoleta, mas como propósito, divs para divisões, tables para dados tabulares, o detalhe é que os divs não respondem como o esperado ao raciocínio humano, deve ser complexo programar o navegador para interpretar com div a vontade do usuário, por exemplo um float num objeto qualquer e o layout sai tudo zoado, ele não entende que o float é só pro objeto em si, ele reposiciona tudo após. O navegador parece fazer uma leitura direta e constante, pois a posição dos objetos seguem mais a sequencia do que a ordem.
    – user37466
    Commented 5/05/2018 às 19:17

Você deve fazer log-in para responder a esta pergunta.