固定高度和相對高度的混合物可能嗎？

這可能是一個愚蠢的問題，但它有可能使元素的高度達到100％ - 例如200像素。固定高度和相對高度的混合物可能嗎？

我知道這不工作，但我的意思是這樣：

#div {height:100%-200px}

我需要這樣做的原因是因爲我不想讓元素在頁面的頂部（頭）開始也不在底部（頁腳）結束。我知道我也可以用margin-bottom和margin-top，或者通過z-index來做到這一點，但我寧願爲我的元素設置一個確定的高度。我只想知道如果可能。

在此先感謝！

來源

2014-01-10 shana

https://developer.mozilla.org/en-US/docs/Web/CSS/calc – Passerby

@Passerby：+1，正準備更新我的答案，並附上這個鏈接 – NoobEditor

如果舊瀏覽器的支持是不是一個問題，你可以使用calc

height:calc(100% - 200px) 
      /* ^^ ^^ these space are important!! */

跨瀏覽器，使用這種方式：

height:-webkit-calc(100% - 200px); 
height: -moz-calc(100% - 200px); 
/* mind the spaces around the operator, they are important 
    to let calc() operation happen */

https://developer.mozilla.org/en-US/docs/Web/CSS/calc

來源

2014-01-10 11:39:11 NoobEditor

這個值在給出兩個值後通過瀏覽器{calc（100％ - 200px）}？ – Krish

@Nikhilkrishnan：瀏覽器需要'100％'的父容器，然後做計算.. – NoobEditor

那麼給200px的目的是什麼？ – Krish

固定高度和相對高度的混合物可能嗎？

回答

相關問題