3

私の div には スタイリングposition:absoluteがあり、その結果、コンテンツが高さよりも高い場合、展開されません。

divしたがって、実際のコンテンツの高さを見つけて、position:absoluteスタイリングで高さを割り当てれば解決策になると思いました。

それを行う方法はありますか?absolute divまたは、コンテンツに応じて展開するを作成する方法のアイデアかもしれません。

前もって感謝します!

4

8 に答える 8

3

Element.scrollHeight仕事をするべきです。

于 2013-07-15T21:20:21.727 に答える
1

コンテナの高さを取得するひどい方法を次に示します。基本的に div 全体を複製し、高さがあるように位置を設定し、その高さを確認してから削除します。

$(function () {
    var clone = null;
    alert( clone = $('.test').clone().css('position', 'static').appendTo(".container").height());
    clone.remove();
});

これがフィドルです:http://jsfiddle.net/vPMDh/1/

于 2013-03-11T21:40:12.183 に答える
0
<div class="classname">

Some content....


<p style="clear:both">&nbsp</p>
</div>
于 2013-03-11T21:29:40.393 に答える
0

質問にご協力いただきありがとうございます。これを使用する場合:

$(document).ready(function(){

 var x = $("#container").height();
 alert(x);

//if not works then 
  var y = $("#container").outerHeight();
  alert(y);

});

divの高さも適用しない場合、divの高さを見つけるのはきれいなコードとして簡単だと思います。

于 2013-03-11T22:00:20.813 に答える
0

絶対的であっても拡大する必要があります。高さがないことを確認してください: xxpx

もしそうなら、それを min-height に変更します

于 2013-03-11T21:09:41.940 に答える
0

clearfix ハックを使用します。リンクはこちら

divにclearfixを追加します

あなたのスタイルシートで

<style>
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
</style>

...そしてあなたのdivにclearfixクラスを追加します

<div class="clearfix">
   //some html tags
</div>
于 2013-03-11T21:10:39.160 に答える
0

あなたが言っ"it doesn't expand if the content is higher than it's height."たように、固定の高さが設定されていると思います..何らかの理由でこれが必要な場合は、min-height代わりに使用してみてください.

このフィドルを見てください。

于 2013-03-11T21:19:00.123 に答える