今天这让我很烦。我想要做的是使用 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;
}