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需要。