如何使Wrapper使用百分比

Question

我想知道如何使我的包装使用百分比和页面宽度增长/缩小而不是保持一个固定的大小？当我放大时，我不希望页面被切断，请有人帮我这个，谢谢：）

这是一个指向整个phpbb样式表的链接

https://gist.github.com/25c59943b244a3e150e8/75c6dd240980864d4872eb6cacccdf980fa9d84c

/* Main blocks
---------------------------------------- */
#wrap {
    background-color: #080808;
    padding: 0 0px;
    min-width: 650px;
    width: 960px;
    margin: 0px auto;
    border: 1px solid #161616;
    background-repeat: repeat-x;
    background-attachment: fixed;
}

#middle {
    padding: 0 0px;
    min-width: 650px;
    width: 900px;
    margin: 0px auto;
}

#header_1 {
    background-image: url("http://i57.tinypic.com/m81pc0.jpg");
    height: 170px;
    width: 960px;
}

#menus {
    height: 40px;
    border-top: 1px solid #161616;
    border-bottom: 1px solid #161616;
    background: url() repeat-x;
}


#simple-wrap {
    padding: 6px 10px;
}

#page-body {
    margin: 4px 0;
    clear: both;
}

#page-footer {
    clear: both;
}

#page-footer h3 {
    margin-top: 20px;
}

#logo {
    float: left;
    width: auto;
    padding: 10px 13px 0 10px;
}

a#logo:hover {
    text-decoration: none;
}