0

今天这让我很烦。我想要做的是使用 box-sizing 方法使用 100% 的父对象减去边距(比如 10 像素)来控制子对象的大小。

我知道可以将 box-sizing 函数与父级和 10 px 填充一起使用,然后将子级设置为 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;
}
4

1 回答 1

0

这是目前唯一安全的方法。作为替代方案,您可以使用诸如 calc() 之类的 css3 值表达式,但并非所有浏览器都支持它。

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

您可以在 w3c 的“CSS3 值”页面http://www.w3.org/TR/css3-values/#calc0上找到一些示例

于 2012-08-09T13:21:22.877 回答