jquery - divコンテナの高さを固定する際のhtml jqueryの問題

Question

私はこれをやろうとしていました.divを使用してコンテナに3つの列があり、それぞれ33％と言えます. 私がやりたいことは、高さを固定せずに最大の高さを持つ列の高さに等しい各3列の同じ高さを持つことです(つまり、div要素はその内容に応じて自動的に高さを取るので、コンテンツが異なるために高さが異なる3つの列がある場合、最大の高さを持つ列と同じ高さをどのように行うことができますが、それを行うことはできません。どうすればこれを行うことができますか教えてください。

Answer 1

さて、あなたはこのようにすることができます。

HTML:

<div class="con">
    <div class="col">asd</div>
    <div class="col">asdasdasd
        <br />asdas
        <br />asdasd
        <br />asdasd
        <br />asdasd</div>
    <div class="col">asd</div>
</div>

CSS

.con {
    height: 100%;
    width: 400px;
    display: table;
    table-layout: fixed;
}
.col {
    display: table-cell;
    border: #000000 solid 1px;
}

デモはこちら