HTML 水平滚动

Question

我正在为我爸爸创建一个新网站，到目前为止一切正常，我已经使用这个 Stackoverflow 教程创建了一个页面，我想用超链接更改其内容，并使其水平滚动:Sliding divs horizontally with JQuery

除了我真正想要修复的一个小细节外，我已经设法使它在我的网站上正常运行，我希望这里有人可以帮助我 :)

如果您打开此页面:http://dev.joopvanleeuwen.nl/，您可以看到 © 2014 Schoorsteenveegbedrijf Joop van Leeuwen 的部分在页面底部、文本下方保持良好状态，就像它应该的那样到。

但是在这个页面上，http://dev.joopvanleeuwen.nl/online-afspreken/ 它就停在 3 个按钮超链接的正下方，但我希望它停在页面内容下方。

修复它的原因是因为我们使用的程序需要一个 Iframe，它也有一个设置高度以防止客户需要滚动，我们之前遇到过人们找不到下一个按钮的问题。

我曾尝试将内容高度固定为 700px 并仅在该页面上使用 style 标签的 important，但这没有用。

有人可以帮我解决这个问题吗？

谢谢，

鲍勃

Answer 1

移除#afspraak-content 的高度。

#afspraak-content {
position: relative;
float: left;
margin: 0 5px 0 0;
width: 100%;
/* height: 650px; */
overflow: hidden;
background-color: #ffffff;
}

内容高度为 700 像素就可以了(尽管如果您从 #afspraak-content 清除高度，您可以删除 !important 声明)。您刚刚在两个内容区域中定义了高度。