使网格布局div具有相同的高度

可以通过以下几种方法实现：

使用Flexbox布局：Flexbox是一种弹性盒子布局模型，可以轻松实现等高布局。将父容器设置为display: flex，并为子元素设置flex属性为1，即可使子元素自动填充父容器的高度。示例代码如下：

<style>
    .container {
        display: flex;
    }
    .item {
        flex: 1;
    }
</style>

<div class="container">
    <div class="item">内容1</div>
    <div class="item">内容2</div>
    <div class="item">内容3</div>
</div>

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm

使用表格布局：将父容器设置为display: table，子元素设置为display: table-cell，然后设置vertical-align: top，即可使子元素具有相同的高度。示例代码如下：

<style>
    .container {
        display: table;
    }
    .item {
        display: table-cell;
        vertical-align: top;
    }
</style>

<div class="container">
    <div class="item">内容1</div>
    <div class="item">内容2</div>
    <div class="item">内容3</div>
</div>

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm

使用JavaScript计算最大高度：通过JavaScript获取所有子元素的最大高度，并将所有子元素设置为相同的高度。示例代码如下：

<script>
    window.onload = function() {
        var items = document.getElementsByClassName('item');
        var maxHeight = 0;
        for (var i = 0; i < items.length; i++) {
            if (items[i].offsetHeight > maxHeight) {
                maxHeight = items[i].offsetHeight;
            }
        }
        for (var i = 0; i < items.length; i++) {
            items[i].style.height = maxHeight + 'px';
        }
    }
</script>

<div class="container">
    <div class="item">内容1</div>
    <div class="item">内容2</div>
    <div class="item">内容3</div>
</div>

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm

以上是使网格布局div具有相同高度的几种方法，可以根据具体需求选择适合的方法进行实现。