css - 如何通过div向附近添加高度？

Question

<div style="float:left;">
    <div id="one" style="float:left;background-color:yellow;width:300px;height:100%;">
    </div>
    <div id="two" style="float:left;background-color:green;width:300px;font-size:35px;">Test
    </div>
 </div>

我在 id=one 中没有文本，但在 id=two 中有文本。在这种情况下，我想为 id=one 获得与 id=two 相同的 div 高度。如何做到这一点？谁来帮帮我!!我尝试为 id=one 添加 height:100%，但它不起作用。

如果可能，请告诉我如何在不使用 display:table 属性的情况下实现这一目标。

Answer 1

试试这个。

.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
  border: solid;
}

<div class="row">
  <div class="col"></div>
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad omnis quae expedita ipsum nobis praesentium velit animi minus amet perspiciatis laboriosam similique debitis iste ratione nemo ea at corporis aliquam.</div>
</div>