CSS宽度/高度像素和百分比计算组合？

Question

有没有办法将高度/宽度CSS属性设置为：100％ - 50px 因此，如果总100％是1000px，那么最终结果将是950px。并且100％由浏览器大小设置。

更新： 我想做的是：

我有两个div，第一个div的高度是50px，我希望第二个div的高度覆盖剩余的空间。

Answer 1

css3中有一个解决方案，我实际上也认为IE已经支持了一段时间。

示例：

width: -moz-calc(25% - 1em);

请参阅 http://hacks.mozilla.org/2010/06/css3-calc/

Answer 2

通过网络搜索后，我意识到无法完成。 模拟的唯一方法是使用JavaScript和onresize事件进行调整。

Answer 3

不是宽度本身。

您必须左右设置边距和/或填充，总共50px。

Answer 4

如果你想在整个页面中使用它：

body { margin: 0; padding: 25px; }

这也会在顶部和底部给你一个填充物。如果您不想要，可以将它们设置为零：

body { margin: 0; padding: 0 25px; }

注意：大多数浏览器使用身体的默认边距，但有些（Opera）使用默认填充，因此您应该始终指定身体的边距和填充。

Answer 5

在第二组div中

top=50px, 
bottom=0 
position=absolute 

http://jsfiddle.net/4TG2Z/

不需要javascript。