動態更改CSS最小高度值的最簡單方法是什麼？

我相信我所需要的是可能的，但我希望有人對實現它的最佳方式有任何建議。動態更改CSS最小高度值的最簡單方法是什麼？

我有一個div，它將包含文本。我希望div的最小高度設置爲250px - 以便設置初始div高度。

我的問題是：

如果當前設置min-height: 250px;得到其含量超標，我也只要250像素傳遞應用的500px的一個新的最小高度值（例如，如果DIV被強制爲252px高度它自動設置min-height: 500px;）？

來源

2012-08-16 M.F

所以，基本上，你想' div'將其高度逐漸擴大250px？ – keaukraine 2012-08-16 13:30:30

這是不可能的，你需要使用jQuery的CSS。你想使用jQuery？ – Dipak 2012-08-16 13:35:01

你不需要*爲此使用jQuery，如果項目中不存在jQuery，爲什麼將它引入這個簡單的東西呢？ – MetalFrog 2012-08-16 13:36:34

這是不可能的純CSS，但影響可能使用jQuery來實現：

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

See Demo (jsFiddle)（演示使用25px作爲初始最小高度）

來源

2012-08-16 13:32:01 Curt

Curt，感謝您的回覆。這正如我所希望的那樣工作。謝謝你的幫助。 – 2012-08-16 13:48:28

@ M.F沒問題，請標記爲已接受，如果這已解決您的問題http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt 2012-08-16 13:53:37

動態更改CSS最小高度值的最簡單方法是什麼？

回答

相關問題