2012-08-07 50 views
1

这今天一直困扰了我很多。我想这样做,控制使用父减去保证金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; 
} 
+0

我猜这是一个工作例子,在现实中父不是一个固定的宽度是多少? – Stieffers 2012-08-07 15:42:04

+0

对,没错。 – 2012-08-07 16:12:41

+0

在这种情况下,真的没有其他有效的解决方案。您可以将填充应用于父项,但必须以像素为单位进行定义,并且不会完全准确。 – Stieffers 2012-08-07 16:17:36

回答