Html css中的div宽度和高度问题

出于某种原因，蓝色的div比页面的“结尾”要远得多，我得到了一个垂直滚动条。显然我不应该这样。有什么想法吗？ HTML:

这就是它目前的样子：

这是它应该是什么样子，没有滚动条和停止在底部。

有什么想法吗？

有两种方法： 移除高度

#wrap{
    border-width:3px;
    border-style:solid;
    border-color:white;
    width:1024px;
    height:100%; // Make this auto. height: auto;
    margin:0 auto;
    padding-top:5px;
}

或

溢出隐藏

#body{
    background-image:url(images/background.jpg);
    background-repeat:repeat;
    margin-top:-25px;
    padding:0;
    overflow: hidden; // Add this
}

两种方式： 移除高度

#wrap{
    border-width:3px;
    border-style:solid;
    border-color:white;
    width:1024px;
    height:100%; // Make this auto. height: auto;
    margin:0 auto;
    padding-top:5px;
}

或

溢出隐藏

#body{
    background-image:url(images/background.jpg);
    background-repeat:repeat;
    margin-top:-25px;
    padding:0;
    overflow: hidden; // Add this
}

---

由于某种原因，suto不起作用，但隐藏溢出起作用，当放大时，另一个问题很快就出现了。我的页脚div将溢出到我的其余内容上。还有如何防止它那样做的想法？你有小提琴什么的？或者直播网站本身？由于某种原因，suto不起作用，但隐藏溢出确实起作用，当放大时，另一个问题很快就出现了。我的页脚div将溢出到我的其余内容上。还有如何防止它那样做的想法？你有小提琴什么的？还是直播网站本身？