Question

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

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

我的问题是：

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

Answer 1

使用纯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作为初始最小高度）

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

1 个答案: