主要内容高度问题

Question

我在开发的网站上遇到内容和页脚问题。在大屏幕上，所有内容都正确显示，但页脚没有任何喘息空间。当我在笔记本电脑上查看时，内容会从屏幕上流下，您无法滚动查看它。我不知道该怎么做才能解决这个问题。任何帮助，将不胜感激。

以下是页面：http://capelos.gonzbergagency.com/catering.html

Answer 1

1. 从position: absolute移除top: 0，bottom: 0和footer。
2. 从overflow: hidden。
中删除body
3. 从height: 100%，#catering .main和.main, #container移除.content。
4. 在div的{​​{1}}内添加额外的div：

main

1. 将<div class="main"> <!-- your other code --> <div style="clear: both;"></div> </div>关闭margin改为.push而不是25px。