Html 带长文本的粘性页脚

我的页面中有很长的文本。我希望我的页脚贴到底部，文本应该隐藏在页脚下，这样我可以滚动文本。页脚下不应有文本。我该怎么做

.container{}
页脚{
位置：绝对位置；
底部：0；
}

长文本

我的页脚

您应该通过使用

固定

位置而不是

绝对

.container{
填充底部：40px；
}
页脚{
位置：固定；
底部：0；
左：0；
右：0；
背景色：黑色；
颜色：白色；
填充：10px0；
文本对齐：居中；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
页脚在这里

您应该通过使用

固定

位置而不是

绝对

.container{
填充底部：40px；
}
页脚{
位置：固定；
底部：0；
左：0；
右：0；
背景色：黑色；
颜色：白色；
填充：10px0；
文本对齐：居中；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
此处的页脚

position:fixedposition:fixedIt实际工作，但页脚下隐藏了一些文本？该文本可以在滚动后显示，即使在滚动增加

填充底部

到

容器

后也可以根据您的要求显示。它实际工作，但页脚下隐藏了一些文本？该文本可以在滚动后显示滚动（即使在滚动之后）根据您的要求将底部填充增加到容器