从javascript扩展div的高度超过其最大高度

Question

我在用户控件中有一个div，其最大高度在css中设置为400px。这个用户控件在我的应用程序的许多aspx页面中使用。

我试图在JavaScript中动态地将div高度增加到500px只有一页，但它不起作用。用户控件中的div始终只占用400px（在css中设置的最大高度），而不是JavaScript设置的高度。

有没有办法从JavaScript更改div高度超过最大高度？

由于

Answer 1

在将高度设置为大于它之前，您需要设置max-height属性。

所以，而不是这个：

function setHeight()
{
    var e = document.getElementById("myDiv");
    e.style.height = "500px";
}

你会这样做：

function setHeight()
{
    var e = document.getElementById("myDiv");
    e.style.maxHeight = "500px";
    e.style.height = "500px";
}