HTML：
<div class="wrapper">
<div class="left">
Foo
</div>
<div class="right">
Text row 1
</div>
</div>
<div class="wrapper">
<div class="left">
Foo Bar
</div>
<div class="right">
Text row 1<br>
Text row 2<br>
Text row 3
</div>
</div>
@H_301_4@CSS：
.wrapper {
overflow:hidden;
}
.left {
width:80px;
float:left;
height:100%;
}
@H_301_4@我如何给浮动div的包装器的完整高度(其高度是变化的)？
@H_301_4@是没有jQuery的可能吗？
@H_301_4@测试：http://jsfiddle.net/Q6B43/
解决方法
显示：表格解决方案
@H_301_4@在表内，一行的每个单元格具有相同的高度。
.wrapper {
display: table;
width: 100%;
}
.left,.right {
display: table-cell;
}
@H_301_4@这是我认为最好的解决方案，但在IE8之前不兼容。
@H_301_4@这里是这个解决方案的Fiddle。
@H_301_4@使用绝对定位
@H_301_4@绝对定位元素尊重他们的相对父母高度：
.wrapper {
position: relative;
padding-left: 85px;
}
.left {
position: absolute;
left: 0;
top: 0;
}
@H_301_4@通常我不推荐绝对定位在大多数情况下。但是因为你有一个固定的宽度反正，也许没关系。但要注意，这将忽略.left中的长内容。高度只是由.right控制。
@H_301_4@这是一个update to your Fiddle。
@H_301_4@灵活的解决方案
@H_301_4@这是新的，我不会建议使用它，现在，但只是为了完成。你可以使用CSS3 flex：
.wrapper {
display: flex;
}
@H_301_4@Fiddle(在当前的Chrome和Firefox中测试)。
