Html 没有固定高度的溢出DIV内容

我有两个div：左和右。在左边有一段很长的文字。在右边有一些关于文本的注释（更多div）。如果左边的文字比注释长，我喜欢它。但是当注释比左div大/长时，我想使右div的内容溢出

换言之：两个没有固定高度的div，使溢出成为正确的一个

代码高于或等于

---

但它不起作用（

您必须使用overflow:hidden on#left，not on#right.

正如Jan在最后一篇评论中所建议的，我认为您需要使用javascript或jQuery来完成这一任务

这概述了一种使用javascript的方法，该方法已被OP接受，尽管OP没有对其执行过程发表评论

我把a从这个问题改成了一个类似的问题

它使用以下内容：

CSS

Javascript

$(document).ready(function() {

        $("#main").css("height",$("#one").height());


 });

---

我相信这能达到你想要的结果。

很抱歉，事情没那么简单。（（可能是我误解了div的文本，所以我更改了它们。）您是否有更详细的代码版本，比如@mikeswright49？语义值如何。您能谈谈表格数据吗？换句话说，使用表格最终合适吗？问题仍然是一样的：我想您应该使用javascript获得左div的高度，并将其应用于右div。如果您没有如果使用overflow hidden，它应该可以工作。这里：为了澄清，您希望左div无限扩展其内容，右div扩展到左div的那个高度，但不能再扩展？

#container {
    background-color:white;
    float:left;
}

#left {
  width: 79%;
  float:left;
}

#right {
  width: 19%; 
  float:right;
  overflow: hidden;
}

#main{
    width:auto;    

}

#one{
height:auto;
width:200px;
display:inline-block;
float:left;

}
#two{
height:100%;
width:200px;
float:left;
display:inline-block;
overflow: auto;

}

div{
border:1px solid black;
}

$(document).ready(function() {

        $("#main").css("height",$("#one").height());


 });