Question

我有三个浮动div，它们总是应该具有相同的高度。但高度应该是最长浮动div的高度。我已经设置了媒体查询，所以这应该适用于所有三种情况。

由于我在所有三个部分之间有空格，所以我无法使用人造柱。我创建了一个fiddle。“

我必须使用float进行此任务，所以请不要让我删除浮动并使用表格或其他东西。 *

enter code here请调整窗口大小以查看媒体查询的效果。谢谢。

Answer 1

将max-height和min-height设置为元素。我更改了您的代码，现在所有代码都具有相同的高度

https://jsfiddle.net/75r9mbxn/2/

更新：

https://jsfiddle.net/75r9mbxn/8/

现在它根据元素的最高高度进行更改，在加载时会发生变化，您可以在更新section时更改

Answer 2

使用window.getComputedStyle计算部分的高度。循环section并计算最大高度。然后将其指定为剖面高度。

var maxHeight = 0;
$('section').each(function(index, element) {
  var style, height;
  style = window.getComputedStyle(element);
  height = parseInt(style.height);
  maxHeight = height >= maxHeight ? height : maxHeight;
});
$('section').css('height', maxHeight + 'px');

Fiddle Link

高度相等的浮动部分（仅限CSS）

2 个答案: