等高布局3个模块内容,最佳方法?

这将按类创建一个元素的高度数组,然后找到最高的,然后使它们都达到该高度。

<script>
var headerHeights = [];
var mclength = document.getElementsByClassName("myClass").length;
for (i = 0; i < mclength; i++) {
    headerHeights[i] = document.getElementsByClassName("myClass")[i].getBoundingClientRect().height;
}
var headerMaxHeight = Math.max(...headerHeights);
for (i = 0; i < mclength; i++) {
    document.getElementsByClassName("myClass")[i].style.height = headerMaxHeight+"px";
}
</script>

您可能希望将其设置为一个函数,用一个函数参数替换“myClass”,以便为添加的每个类调用它。当用户调整窗口大小以重新运行函数时,您还需要添加一个侦听器。