我有一个包装DIV,该包装DIV包含另外两个DIV,这些DIV通过CSS定义为向右浮动或向左浮动。我希望将这两个DIV设置为相同的高度,具体取决于两者中较大的一个。我已经尝试使用以下代码进行此操作:
rad1
var pHeightA;
var pHeightB;
var output = '';
$('.anklickbareartikel-wrapper').each(function(i) {
pHeightA = $('.anklickbareartikel', this).height();
pHeightB = $('.anklickartikelbox', this).height();
output = i + ': ';
if (pHeightA > pHeightB) {
$('.anklickartikelbox', this).height(pHeightA);
output += 'pHeightA > pHeightB |';
}
if (pHeightB > pHeightA) {
$('.anklickbareartikel', this).height(pHeightB);
output += 'pHeightB > pHeightA |';
}
//alert( output + 'Original: A ' + pHeightA + ' / B ' + pHeightB + ' // Nach Änderung: A ' + $('.anklickbareartikel', this).height() + ' / ' + $('.anklickartikelbox', this).height() );
});
.anklickbareartikel-wrapper {
height: auto;
}
.anklickbareartikel {
position: relative;
width: 50%;
height: auto;
background: #fffdfb;
background-size: cover;
background-position: center center;
}
.anklickartikelbox {
width: 50%;
height: auto;
padding: 50px 90px;
}
.anklickartikelbox img {
width: 100%;
max-width: 450px;
height: auto;
}
(浮动由引导CSS提供)
但是不幸的是,这没有用。有趣的是,如果我激活了带注释的警报命令,则在每次确认警报框之后,对相应元素的重绘都将按预期工作。
我做错了什么?在此先感谢您的帮助!