箱大小+子對象

Question

這今天一直困擾了我很多。我想這樣做，控制使用父減去保證金100％的子對象的大小的，說10像素，採用箱上漿方法。

我知道這是可以使用盒大小調整功能與父和10像素填充，然後孩子設置爲100％，但我想知道，如果有可能的其他方式。

這裏是我....目前所發生的一切是孩子箱適合自己100％的父對象，保證金是不可見的。

<div id="Parent"> 
    <div id="Child"> 
    </div> 
</div> 

而且......

#Parent 
{ 
height:500px; 
width:500px; 
background-color:red; 
} 

#Child 
{ 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
margin-top:10px; 
margin-left:10px; 
width:100%; 
height:100%; 
background-color:green; 
} 

Answer 1

這是唯一安全的方法，對於現在。作爲替代，您可以使用calc（）等css3值表達式，但並非所有瀏覽器都支持它。

http://caniuse.com/#search=calc

你可以找到關於W3C的「CSS3值」頁一些例子http://www.w3.org/TR/css3-values/#calc0