Gravando dois métodos para alcançar o layout alta CSS

problemas desenvolvidos recentemente encontrado: dois elementos dentro de seu partido precisa de um contorno dinâmico, que está a uma altura de cerca de dois div é incerto, mas exigem alta arranjo

Foi considerado durante muito tempo, há muitas soluções on-line, mas a maioria são fixos altura, não em função das necessidades reais, então olhar para este registro:

1. O cabo flexível de layout altamente adaptável (recomendado)

<div style="display:flex;width: 200px;">
    <div style="flex:1;border:1px solid #AAA;word-break: break-word;">
            1111111111111111111111111111111111111111111111111
    </div>
    <div style="flex:1;border:1px solid #AAA">
        2222
    </div>
</div>

 2. Use o layout da tabela table-cell

<div style="display:table;width: 400px;">
    <div style="display:table-cell">12122</div>
    <div style="display:table-cell;word-break: break-word;">
111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
    </div>
</div>

 Em ambos os casos irá ajustar dinamicamente a altura com base no div conteúdo para preencher, e espero que todos vocês para ajuda

 

sobre