css - Facebook 选项卡应用程序 - IE8 中的滚动和位置问题

我正在为 Facebook 页面构建应用程序。它适用于 IE 以外的所有浏览器。

它有两个问题。首先，定位完全关闭。在其他浏览器中，“流派”、“艺术家”和“详细信息”div 都位于标题图片的正下方。在 IE 中，“详细信息”div 提高了大约 20 像素。

其次，主 div(按日期、#friday、#saturday、#sunday 划分的那些)不会一直滚动到底部。它比应该的停止了大约 120 像素。确实很奇怪。

我附上了代码，但不幸的是，与在页面上相比，它在应用程序中呈现的方式不同(关于元素的定位)。同样，我不确定这是为什么。

我是一个真正的初学者，所以如果其中一些问题不清楚，或者同样糟糕，非常明显，我很抱歉!

最佳答案

我假设您正在“预览模式”下查看您的选项卡，并怀疑 Facebook 栏停留在您的选项卡顶部(上面写着“预览模式已开启。只有管理员可以看到此选项卡的内容。 ") 搞砸了你的 position: absolute 布局。

我建议您重新安排代码，以便 #fridaylistings、#saturdaylistings 和 #sundaylistings div在它们各自的 #friday、#saturday 和 #sunday div 中。

然后在#friday 等div 上设置position: relative。这将允许您控制每个 child 相对于自身而不是整个页面的位置。有关此的解释，请参见此处:

关于css - Facebook 选项卡应用程序 - IE8 中的滚动和位置问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11985126/