使用DIV，HTML和CSS的保证金问题

Question

我正在将这个免费模板用于研究项目：jsFiddle

当我使用IE7时出现我的问题，因为ID =“外包装”的DIV的波谷边缘完全消失。

在这里你可以找到外包装的css代码：

div#outerwrapper {
    margin: 20px auto;
    width: 960px;
    margin-bottom: 20px;
    background-color: #CEC7AA;
    -moz-box-shadow: 0 0 3px 3px #333;
    -webkit-box-shadow: 0 0 3px 3px #333;
    box-shadow: 0 0 3px 3px #333;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

有什么建议吗？

Answer 1

margin需要“反弹”。它不能“反弹”身体。因此，不要使用margin-bottom给孩子，而是使用padding-bottom给父母：

body {
   padding-bottom: 50px;
}