1

私が必要としていることが可能であると確信していますが、それを達成するための最良の方法について誰かがアドバイスをしてくれることを願っています.

テキストを含むdivがあります。div の min-height を 250px に設定して、最初の div の高さが設定されるようにします。

私の質問は：

コンテンツが現在設定されている値min-height: 250px;を超えた場合、250px が渡されるとすぐに 500px の新しい min-height 値を適用できますか (たとえば、div が 252px の高さに強制される場合、自動的に設定されますmin-height: 500px;)?

4

1 に答える 1

3

これは単純な CSS では不可能ですが、jQuery を使用して効果を実現できます。

$(function(){
    $("div").each(function(){
        var $this = $(this);
        if ($this.height()>parseInt($this.css("min-height"))){
          $this.css("min-height", "500px");
        }
    });
});​

デモ (jsFiddle) を参照(デモは25px初期の最小高さとして使用)

于 2012-08-16T13:32:01.367 に答える