如何從％（百分比）中取消px？

如何實現這樣的事情如何從％（百分比）中取消px？

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

非suppoted瀏覽器

？

我有一個響應div，它有兩個孩子。其中第一個孩子的身高在px，我希望第二個孩子應該轉化父div的剩餘空間。我已經實現了它使用：calc（），但它不會適用於所有瀏覽器？ JS是我最後的選擇。好。請給我一些建議嗎？

來源

2013-12-11 MackMon

在哪個瀏覽器不工作？ –

請參閱兼容性表以支持calc（）as CSS http://caniuse.com/calc –

safari 5 <設備不支持.. – MackMon

如果css不適合你，你可以得到父母的高度，並從中減去你需要的東西。

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

來源

2013-12-11 05:38:51 jbangerter

如果您有不支持calc表達一個瀏覽器，就不難與jQuery模仿：

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

如果Calc是有問題讓jQuery的處理。 :)

來源

2013-12-11 06:00:04 Rex

如何從％（百分比）中取消px？

回答

相關問題