1

を使用せずにいくつかの要素を重ねたいposition: absolute。したがって、重複する要素を含むいくつかの垂直セクション (重複してはならない) があるためです。問題は、オーバーラップまたはオーバーラップされた要素のサイズが大きいかどうかを事前に知ることができないことです。それらの 1 つが を受け取るposition: absoluteと、フローから除外されるため、親コンテナーはそれに応じてサイズ変更されず、セクションがオーバーラップします。私はすでにこの質問を見つけましたが、誰も質問に答えていないようです。以下に例を示します: http://jsfiddle.net/nNhtU/

4

1 に答える 1

0

jQuery を使用しても問題ない場合、これは非常に簡単に実行できます。overflow親要素のプロパティを次のように設定しscrollます。

.designer-question {
    overflow: scroll;
}

次に、単純なループを使用して、それぞれ.designer-questionの高さをその高さに設定できます。imgeach

$('.designer-question').each(function () {
    var $el = $(this);                   // Get jQuery of each designer question
    var $backImg = $('.back img', $el);  // Get background image
    $el.css('height', $backImg.height());
});

これを jsfiddle に適用してデモンストレーションを行いました: http://jsfiddle.net/jfdPb/1/

于 2013-08-02T09:58:01.053 に答える