使两个div大小相等

时间:2017-06-13 21:18:50

标签: html css height

我有一行像这样: enter image description here

我试图让第二个div跟随第一个div一样高,注意高度取决于图片大小,可以改变。 你有什么想法吗?

2 个答案:

答案 0 :(得分:0)

尝试使用javascript在更改时获取div高度

var divt= document.getElementById('myDiv').clientHeight;

然后将其设置为等于另一个div高度

答案 1 :(得分:0)

如果您愿意使用jQuery,这非常简单。只需将两个div设为同一个类,然后将以下代码复制到</body>之前的页面底部,并放在<script></script>之间。

    $(function() {
        $('.myClass').matchHeight();
    });

但是,还有两个不容忽视的步骤。

  1. 包含jQuery
  2. 包括jquery.matchHeight.js(您可以在:https://github.com/liabru/jquery-match-height下载)
  3. 这是一个响应式解决方案,可让您不强制图像的高度,并允许高度随响应页面而变化。