html - 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 padding。

http://jsfiddle.net/P2VGk/