Question

如何实现这样的目标

height: calc(100% - 50px); 
height: -webkit-calc(100% - 50px);
height: -moz-calc(100% - 50px);

在非支持的浏览器中？

我有一个响应div，有两个孩子。其中第一个孩子的身高在px中，我希望第二个孩子应该转换父div的剩余空间。我使用：calc（）实现了它，但它不适用于所有浏览器？ JS是我的最后一个偏好。好。请给我一些建议吗？

Answer 1

如果css对您不起作用，您可以获得父级的高度并从中减去所需的内容。

var parent_height = document.getElementById("parent").offsetHeight; //-- Get Height of an element
document.getElementById("child").style.height = (parent_height - 50) + 'px';

Answer 2

如果您的浏览器不支持calc表达式，那么使用jQuery模仿并不难：

$('#yourEl').css('width', '100%').css('width', '-=50px');

如果Calc有问题让Jquery处理它。：）

如何从％（百分比）中否定px？

2 个答案: