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

Question

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

UPDATE： 我试图做的是：

我有两个格，第一格的高度为50像素，我想第二个div的高度覆盖的剩余空间。

Answer 1

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

Answer 2

不是宽度本身。

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

Answer 3

如果你想这对整个页面：

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

这将使你在顶部填充，并且底部也。如果你不想，你可以将它们设置为零：

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

注：大多数浏览器使用默认余量为体，但有的（歌剧）使用默认填充代替，所以应同时指定身体的边距和填充。

Answer 4

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

实施例：

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

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

Answer 5

在第二个div设置

top=50px, 
bottom=0 
position=absolute 

http://jsfiddle.net/4TG2Z/

不需要JavaScript需要。