当浏览器窗口较小时，如何显示滚动条？

Question

我已经在整个网站和在线上研究了这个问题，似乎找不到解决方案。 我有一个非常简单的网站，中间有一个视频播放器。

我似乎无法弄清楚如何显示滚动条，以便在iPad或iPhone上打开网站时或在缩小浏览器窗口时可以看到所有内容，

对于iPad来说，这是一个大问题，因为这意味着观众无法播放视频播放器。 我该如何解决？

我一直认为我的CSS中有什么引起了问题。 但是，也许可以使用文档开头的简单javascript代码来解决？

我添加了溢出： 贴到我的身体标签上...无济于事。

这是我正在使用的CSS，我认为可以解决此问题：

body {
    border: 0;
    vertical-align: baseline;
    list-style: none;
    text-decoration: none;
    line-height: normal;
    margin: 0;
    padding: 0;
    background: #195f88;
    background-image: url(../images/subtle-pattern-10.jpg);
    font-size: 14px;
    overflow: scroll!important;
}

Answer 1

第一件事是第一位-该网站的HTML代码写得不好。 非常糟糕。 内容区域如何放置在侧边栏div中？ 为什么使用（很大）相对位置声明来定位？ 为什么侧边栏首先固定？

除非您大量重构代码，否则恐怕没人会帮助您。 问题是，您的页面目前没有尺寸-由于所有内容都是浮动的或固定的位置，因此页面的“流”中没有内容，因此从技术上讲，您无法显示任何内容。 你的运气是你没有

#wrap { overflow: hidden; } 

尝试一下-看看会发生什么来证明我的意思。