Html 如何使两个垂直div的长度相同？

我有以下HTML：

<div id="body">
  <div id="left">xx</div>
  <div id="right">yy
    aa
    <br>
    <br>    
    <br>  
    aa
  </div>
</div>

我需要的是让左边的DIV和右边的一样长？这可能吗？我试过一些方法，但都不管用

---

有很多方法可以尝试。你没有给他们中的任何一个指定高度，所以他们现在不会做太多。如果添加相等的高度，则它们可以相同。您可以尝试样式=高度：100%；为了他们俩

---

或者将其添加到CSS中的ID中，或者用它创建一个类并将其分配给div。

类似于$right.csheight、$left.csheight

这里有一种方法，使用display:table cell

在旧浏览器中不起作用

---

你可以把右边放在左边

<div class="left">
aa
   <div class="right">
     bb
     <br/>
     <br/>
     bb
   </div>
<div style="clear:both"></div>
</div>

---

使用clear:tware（

两者）将右div向右浮动并停止左colapsing没有真正简单的一行代码来实现这一点，但在web上有许多类似or的解决方案

---

给它一个谷歌搜索，然后找到一个最适合你的解决方案。

我无法指定高度，因为它是可变的，取决于内容。如果内容大小不匹配，则div也不匹配。是的，但我希望背景颜色位于底部。这是要求的一部分！

<div class="left">
aa
   <div class="right">
     bb
     <br/>
     <br/>
     bb
   </div>
<div style="clear:both"></div>
</div>