框架到div问题，内容超过页面高度

Question

您好我正在尝试将旧网站从帧转换为div。下面的代码是div的css。我遇到的问题是内容div，结果超过了div的底部。我希望它的高度为％100，因为它需要使用几种不同的screeen分辨率。任何修复它的帮助都会很棒。

由于

    <style>
    #wrapper {
        width:100%;
        top:0; bottom:0; right:0; left:0;
        padding:0;
        margin: 0 auto;
         position: absolute;
    }
    body {
    margin:0;
    padding:0;
    }
    #header{
    width:100%;
    background-color:#fff;
     } 
    #menu{
    background-color:#fff;
    width:100%;
    height:100%;
    position:fixed;
    resize: both;
        }
    #content{
    width:100%;
    float:none;
    height:100%;
    background-color:#fff;
    overflow: auto;
    resize: both;
    position: fixed;
    box-sizing:border-box;
    }
    #footer{
    width:100%;
    position: fixed;
        bottom: 0;
    background-color:#fff;

    }
    </style>