html - 边距占用空间但没有背景

Question

我有树层:菜单、内容和页脚。

内容层有白色背景。当我将另一个 div 放入 margin:20px 的内容层时，它会设置边距，但不会设置边距顶部的白色背景。所以我的文本仍然位于我的内容层的上边框，菜单和页脚之间有 20px 的空间，这是我不想要的。

http://jsfiddle.net/Bartimi/Y9kWE/

#textfield {
    margin: 20px;
}

我该如何解决？

Answer 1

删除此边距并向#content 添加填充 您也需要更改框的大小，因为填充
所以:

#content {
    height: 260px;
    width: 680px;
    background-color: #fff;
    text-align: center;
    position: relative;
    padding: 20px;
}