这是我正在建立的网站页面，我遇到了问题：http://www.tinytribes.co.uk/index.php?page=rooms
我试图在页面底部，页脚（Cladswell Hall Farm，Cook ...等）之后添加一些空白区域，以便在您一直滚动时可以看到底部的绿色山丘图形至底部。而不仅仅是内容的页脚，它完全阻挡了绿色的山丘。
我相信它是因为我必须在我的css中使用位置标记来获取内容，因为我将元素作为背景会发生冲突。这导致内容飞过我的“bottomgap”div的顶部，这将在最终内容div之后留下200px。
我不是在找人给我一个答案（因为这是一个很大的问题！），只是朝着正确的方向发展。我希望我解释得很好，很难！
谢谢。
答案 0 :(得分：0)
您的主要问题是您的内容div位于绝对位置。你可以尝试使用:: after css伪类来添加一个高度为80px的div;这可能会成功。
https://developer.mozilla.org/en-US/docs/Web/CSS/::after
希望这会有所帮助
答案 1 :(得分：0)
不是你的css的粉丝，但快速解决方案并不那么干净：
#bottomgap {
left: 50%;
margin: 0 0 0 -480px;
width: 960px;
bottom: 100px;
position: absolute;
bottom: -1900px;
}
答案 2 :(得分：0)
在div mainpage
style="
float :left;
position: relative;
bottom: -324px;
height: 59px;"