包装不要从上到下

Question

好吧，我放弃了——我解决不了；包装纸似乎从顶部到底部，而我希望它在顶部和底部留下间隙，以便背景透过。我似乎无法解决。我对此很陌生。任何帮助&非常欢迎想法。

代码

    body {
        background: #ffffff url(bgfin.jpg) repeat;
        font-family: Tahoma,arial, sans-serif;
        font-size:12px;
        color:#666666;
        height: 100%;
        margin:0;
        padding:0;
    }

    #wrapper {
        background: url(body-line.png) center repeat-y;
         padding-top: 65px;
         padding-bottom: 65px;
    }

    #wrappertop{
        background: url(header.png) top center no-repeat;

    }

    #wrappertbtm{
        background: url(footer-new.png) bottom center no-repeat;
        padding-bottom: 65px;
    }

    #container{
        width: 959px;
        margin: 0 auto;
    }

    .title{
        width: 959px;
        height: 56px;
        padding: 15px 0px 10px 0px;
        font-size: 30px;
        color: #bd7821;
    }

    #navigation{
        position: relative;
        width: 959px;
        height: 40px;
        z-index: 2;
    }

    #navigation li{
        float: left;
        z-index: 2;
        padding: 0px 34px 0px 0px;
    }

    #navigation li a{
        display: inline-block;
        position: relative;
        outline: none;
        height: 28px;
        color: #e3e3e3;
        z-index: 2;
        font-size: 12px;
        padding: 15px 0px 0px 0px;
        text-decoration: none;
    }


    #navigation li a:hover, #navigation li#active a{
        color: #bd7821;
        text-decoration: none;
    }

    #header{
        position: relative;
        width: 959px;
        height: 196px;
        z-index: 1;
        margin: 20px 0px 0px 0px;
    }

Answer 1

尝试：

body { padding:20px 0; }

或者：

#wrapper { margin:20px 0; }   

这是以下简写：

#wrapper {
    margin-top:20px;
    margin-right:0;
    margin-bottom:20px;
    margin-left:0;
}   

记住：

• 填充在元素的内部呈现。
• 边距位于外部

这可能有助于提醒：
如何记住CSS 的 margin 在边框外，padding 在边框内