css - 动态更改 CSS 最小高度值的最简单方法？

Question

我确信我需要的是可能的，但我希望有人对实现它的最佳方法有任何建议。

我有一个 div，它将包含文本。我希望将 div 的最小高度设置为 250px - 以便设置初始 div 高度。

我的问题是：

如果当前设置min-height: 250px;的内容超出了当前设置，我是否可以在通过 250px 后立即应用 500px 的新最小高度值（例如，如果 div 被强制设置为自动设置的 252px 高度min-height: 500px;）？

Answer 1

这对于纯 CSS 是不可能的，但可以使用 jQuery 来实现：

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

见演示（jsFiddle）（演示25px用作初始最小高度）