Html 主要内容高度问题

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

以下是网页：

从

页脚

中删除

位置：绝对

、

顶部：0

和

底部：0

从

正文

中删除

溢出：隐藏

从

#catering.main

、

.main、#container

和

content中移除
高度：100%

在类

main

的

div

中添加一个额外的

div

：

更改

边距
关闭
。将
按到
25px
而不是
100%

---

请将代码与问题隔离。但是从一个快速看，它是b/c您的页脚是绝对定位的（相对于窗口框架而不是相对于您的内容），在一定的大小它会导致冲突。我不知道冲突在代码中的什么地方。我试着使它相对，当我这样做时，它会从屏幕上消失，你不能滚动到它。这段代码（CSS）有很多问题。你这里的东西没有错，但并不理想。您可以尝试的一个快速修复方法是将页脚移动到css中的

.main

和'clear:all'。太棒了！！我尝试了所有这些不同的样式来制作粘性页脚，我的代码变得非常混乱。如果你碰巧知道为什么内容没有放在div的内部，它似乎会溢出。你在

内部有一个

浮动：左

和一个

浮动：右

，但是你从来没有

清除
浮动
。这就是为什么这看起来很奇怪的原因。