div框内的div框。相对定位，相等的填充，各方之间的空间

Question

我现在有这个div框：

div#main-edit{
    padding:2px 6px 4px 6px; 
    color: #555555; 
    background-color: #FFF8F8; 
    border: #dddddd 2px solid;
    width: 750px;
    height: 500px;
    margin-left: 10%;
    margin-right: 10%; 
}

我现在想要的是在div框中有另一个div框，其位置相对于其父框。像这样：

Answer 1

制作你的第二个div height: 100%，然后给你的外部div填充。

http://jsfiddle.net/P2VGk/