Javascript从百分比中减去像素

时间:2013-04-07 19:34:31

标签: javascript web styling css

我希望使用JavaScript在按钮点击上重新设置div。我有一切工作,除了一件事。我想做的其中一件事就是将div的最大高度从我目前设置的高度改为100% - 12px。我尝试使用CSS calc()函数,但它没有用。最奇怪的是,当我检查开发者控制台是否有错误时,它没有抛出错误。有谁知道我该怎么做?

提前致谢!

1 个答案:

答案 0 :(得分:0)

我会使用jQuery解决这个问题,方法是在按钮上添加一个单击绑定,然后获得.parent()的高度。我已经在这个小提琴中证明了这一点http://jsfiddle.net/TGyYv/

关键是这段代码。

$("#button").click(function () {
    parent_height = $(this).parent().height()
    $(this).height(parent_height - 12)
})

单击按钮时,它会获得父级的高度,然后将按钮的高度设置为父级的减去12!