Html 浮动div，将高度调整到较大的高度 我的问题是：

我想让我的浮动div调整其

高度

以适应更大的。我尝试了很多方法，比如将

.item

的高度设置为100%，但都没有成功

我真的必须将

.row

显示设置为table吗？或者对于这样一个简单的问题，是否有其他解决方案？谢谢你的帮助

.item{
背景颜色：浅蓝色；
垫底：25px；
}
.左{
浮动：左；
}
.对{
浮动：对；
左边距：50像素；
}

---

浮动元素后清除如何，例如：

.row {overflow: hidden}

看这把小提琴：

---

当然，它不会将元素的高度设置为较高元素的较短元素，但您不需要这样做。在实际中，不需要两个元素具有相同的高度。

浮动元素之后的clear怎么样，例如：

.row {overflow: hidden}

看这把小提琴：

---

当然，它不会将元素的高度设置为较高元素的较短元素，但您不需要这样做。在现实中，没有必要让两个元素具有相同的高度。

我认为在浮动元素上使用CSS无法实现这一点。 但这很容易通过jQuery实现

基本上，它使用了Paul Irish的最大高度片段

$.fn.setAllToMaxHeight = function(){
return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) );
}

$('.item').setAllToMaxHeight();

---

我认为在浮动元素上使用CSS无法实现这一点。 但这很容易通过jQuery实现

基本上，它使用了Paul Irish的最大高度片段

$.fn.setAllToMaxHeight = function(){
return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) );
}

$('.item').setAllToMaxHeight();

---

最好的解决方案是使用

表格单元格

：

.item {
  background-color: lightblue; 
  padding-bottom: 25px;
  display:table-cell;
  vertical-align:middle;
}

检查下面的代码段

.item
{
背景颜色：浅蓝色；
垫底：25px；
显示：表格单元格；
垂直对齐：中间对齐；
}

最好的解决方案是使用
表格单元格
：

.item {
  background-color: lightblue; 
  padding-bottom: 25px;
  display:table-cell;
  vertical-align:middle;
}

检查下面的代码段
.item
{
背景颜色：浅蓝色；
垫底：25px；
显示：表格单元格；
垂直对齐：中间对齐；
}

如果我不需要它，我就不会问这个问题。不管怎样，谢谢。好的，你能告诉我为什么你需要两个元素的高度相同吗？我对它很感兴趣，因为我从来不需要用它。谢谢。我有一个两列布局，如果div的高度与相邻div的高度不一样，它看起来会很难看。你可以使用父div的背景（本例中为（.row））来解决这个问题，它将模拟相同的高度。它的使用不需要100kB的jQuery代码：-）为此加载jQuery非常昂贵。如果我不需要它，我就不会问这个问题。不管怎样，谢谢。好的，你能告诉我为什么你需要两个元素的高度相同吗？我对它很感兴趣，因为我从来不需要用它。谢谢。我有一个两列布局，如果div的高度与相邻div的高度不一样，它看起来会很难看。你可以使用父div的背景（本例中为（.row））来解决这个问题，它将模拟相同的高度。它的使用不需要100kB的jQuery代码：-）为此加载jQuery非常昂贵。感谢您的回答，尽管我不愿意使用javascript解决此类问题。最后我使用了您的脚本，因为a）它只是一个小脚本b）所有其他解决方案都不适合我的需要。谢谢，祝你有一个愉快的一天。谢谢你的回答，尽管我不愿意使用javascript解决这些问题。最后我使用了你的脚本，因为a）它只是一个小脚本b）所有其他解决方案都不适合我的需要。谢谢，祝你有一个愉快的一天。谢谢你的回答，但是我怎样才能精确地将电池间隔为50px（左边距）？边框间距很糟糕，因为它会破坏我的布局，我需要一个等于左边距的设置。谢谢你的回答，但是我如何才能将单元格的间距精确到50像素（左边距）？边框间距很糟糕，因为它破坏了我的布局，我需要一个等于左边距的设置。