如何在不使用填充/边距的情况下设置内部div的边距

Question

<div class="out">
    <div class="inner"></div>
</div>

在上面的代码中，out div必须设置为：

padding:0;
margin:0;

然后我希望内部div占据out的所有位置。

This is the effect I want

在exmaple中，我将内部div定位为top,bottom,left,right属性，但ie6不支持。

如何让它跨浏览器工作？

顺便说一句，我不想​​使用像

这样的绝对大小

height:1px
width:1px;

Answer 1

绝对不允许更改out的填充？如果你可以：http://jsfiddle.net/rrMjj/2/

，那将非常容易

Answer 2

使用此css

.inner{
border: 10px solid red;
width: 250px;
height: 250px;
background-color:gray;
}

Link DEMO