根据div中的最高内容动态设置Div高度

Question

我连续有多个div。我想根据div中的最高内容动态设置每个div的高度。高度应该等于所有div。 你能帮助我用javascript / jquery解决这个问题吗？

以下是代码：

goto

Answer 1

您实际上并不需要javascript。你可以使用flexbox。

＆＃13;

＆＃13;

.flex-container {
  display: flex;
  flex-direction: row;
}

.table-cellprop {
  flex: 1;
  overflow: auto;
}

.table-cellprop:nth-child(1) {
  background-color: #b9f6ca;
}
.table-cellprop:nth-child(2) {
  background-color: #84ffff;
}
.table-cellprop:nth-child(3) {
  background-color: #b388ff;
}

＆＃13;

<div class="flex-container">
<div class="table-cellprop">
  <div class="bottom-pane">
      <div class="content-info">
      <p>some imp text  </p>
      <h3>title </h3>
      <div class="text-left"> some text with info
        <h4>title 2 </h4>
        <ul>
          <li class="bm-list"> li one  </li>
          <li class="cm-list"> two </li>
          <li class="mm-list"> three </li>
        </ul>
         </div>
    </div>
  </div>
</div>


<div class="table-cellprop card-btm">
  <div class="bottom-pane">

    <div class="content-info"> TextTextTextTextTextTextTextTextTextTextTextText </div>

  </div>

</div>



<div class="table-cellprop card-btm">
  <div class="bottom-pane">

    <div class="content-info"> TextTextTextText </div>

  </div>

</div>
</div>

＆＃13;

＆＃13;

＆＃13;