高いCSSを達成するための2つのメソッドを記録したレイアウト

遭遇した最近開発された問題：彼の党内の二つの要素が約2つのdivの高さが不確実であるあるダイナミックな輪郭を、必要がありますが、高い配置を必要と

多くのオンラインソリューションがありますが、長い時間のために考えられたが、ほとんどが固定されている高さではなく、実際の要件に沿って、とてもこのレコードを見て：

1.フレックス適応性の高いレイアウト（推奨）

<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.テーブルセルのテーブルレイアウト

<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>

 どちらの場合も、動的に埋めるために、コンテンツのdivに基づいて高さを調整します、と私は助けにあなたのすべてを願っています

 

オーバー