【问题标题】:Makes two div equal size使两个 div 大小相等
【发布时间】:2017-11-15 20:04:32
【问题描述】:

我有一排这样的部分:

我正在尝试使第二个 div 遵循与第一个相同的高度,请注意高度取决于图片大小,这可能会发生变化。 你有什么想法吗?

【问题讨论】:

标签: html css height


【解决方案1】:

如果你愿意使用 jQuery,这真的很简单。只需将两个 div 赋予相同的类,然后将以下代码复制到页面底部的 </body> 之前并放在 <script></script> 之间。

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

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

  1. 包括 jQuery
  2. 包括jquery.matchHeight.js(您可以在:https://github.com/liabru/jquery-match-height下载)

这是一个响应式解决方案,它允许您不强制图像的高度,并允许高度随响应式页面而变化。

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

    • 如果他在 css 中给出固定的宽度和高度而不是使用 javascript 处理它会不会很容易?
    • 好吧,如果图片的大小不固定,它不会在 css 中放置固定大小:/
    • 我试过 document.getElementById('chartdiv').style.height = '200px';但它不起作用,我在 windows onload 事件中插入
    猜你喜欢
    • 2019-07-20
    • 2011-11-15
    • 1970-01-01
    • 2016-05-22
    • 1970-01-01
    • 1970-01-01
    • 2013-10-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多