Question

这可能吗？我需要这个，所以如果一个div的高度变大，另一个div也应该这样做。两个div都有不同的父母。这是我的加价：

<div class="aProductHeader">
    <div class="omschrijving">
        <h3>omschrijving</h3>
    </div>
</div>
<div class="aProduct">
    <div class="omschrijving">
        <span class="entry inner">
            Toddler bestek blauw
        </span>
    </div>
</div>

有什么建议吗？

我希望.aProductHeader .omschrijving和。aProduct .omschrijving保持相同的高度。

Answer 1

如果它们不是并排的，这可能是一个挑战。如果它们是并排的，您可以将它们放在父div中。否则，你可能不得不使用javascript来同步它们。

Answer 2

你可以使用javascript

Example

HTML：

<div id="yes">
    something here<br/><br/><br/><br/><br/><br/><br/><br/>
</div>

<div id="nope">
  <h1>text</h1>
</div>

的JavaScript

var one = document.getElementById("yes"),
    two = document.getElementById("nope");

if (one.offsetHeight > two.offsetHeight)
{
    two.style.height = one.offsetHeight+"px";
}else{
    one.style.height = two.offsetHeight+"px";
}

使用getElementsByClassName：

Example

var one = document.getElementsByClassName("yes"),
    two = document.getElementsByClassName("nope");

for (i = 0; i < one.length; i++)
{
  if (one[i].offsetHeight > two[i].offsetHeight)
  {
    two[i].style.height = one[i].offsetHeight+"px";
  }else{
    one[i].style.height = two[i].offsetHeight+"px";
  }
}

第二个选项将始终与其“对”一样长，因此如果它更高或更小，其中一个将相应调整。

Answer 3

你只能使用.omschrijving吗？

像这样：

.omschrijving{
    height: 100%;
}

Answer 4

使用javascript就可以使用此代码。

var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
div1.style.height = div2.style.height;

使两个DIV的高度相同？

4 个答案: