1

質問があります。私の Web ページには多くの div セクションがあり、複数の ul li があります。これは 2 列のデザインであり、対応する両方の div セクションに同じ高さを設定する必要があります。たとえば、画像を確認してください。これは 1 つのセクションであり、最短の div の高さを設定し、大きな div コンテンツを削除する必要があります。これは可能ですか？

インターネットで確認しましたが、両方の列の高さを設定していますが、コンテンツを削除する方法が見つかりません。

右の画像は私が欲しいものです。

助けてください ：）

ここに画像の説明を入力

4

3 に答える 3

0

divページに次の 2 つがあるとします。

<div class="left">
<ul>/<ul>
</div>

<div class="right">
<ul></ul>
</div>

両方とも同じ高さ、つまり 2 つのうちの最小値が必要です。まあ、それは次のjQueryコードで簡単です：

var leftHeight = $(".left").height();
var rightHeight = $(".right").height();

if(leftHeight > rightHeight)
{
$(".left").height(rightHeight);
}
else
{
$(".right").height(leftHeight);
}

もちろん、 と には Overflow-y:hidden を設定する必要があるdivのでul、スクロール バーは表示されません。

明示的な高さを設定してから、html 要素を削除することをお勧めします

于 2013-08-10T10:05:15.397 に答える