纵向使用鼠标滚轮控制：可以设置页面的长度大于显示屏分辨率（可以设置body的height参数为3000px），多余的部分就以鼠标滚轮查看。
横向滚动条控制：在内容div或者article中设置横向长度大于屏幕分辨率，或者在父盒子设置overflow：scroll，多出的部分就使用滚动条显示。
从网页的美观性和用户体验角度，最好设置页面单向（纵向滚动）。横向滚动用户体验效果不是很好。
有三种代码输入的方式可以在CSS隐藏滚动条。详细方法如下：
方法一:
代码如下:
html
{
overflow-y:
scroll
}
原理：强制显示ie的垂直滚动条，而忽略水平滚动条；
优点：完全解决了这个问题,
允许你保持完整的XHTML
doctype.；
缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条；
方法二:(推荐采用)
代码如下:
html
{
overflow-x:
hidden
overflow-y:
auto
}
原理：隐藏横向滚动，垂直滚动根据内容自适应；
优点：在视觉上解决了这个问题.在不必要的时候,
未强制垂直滚动条出现；
缺点：只是隐藏了水平滚动条，如果页面真正需要水平滚动条的时候，屏幕以外的内容会因为用户无法水平滚动，而看不到；
方法三:
代码如下:
body
{
margin-right:
-15px
margin-bottom:
-15px
}
原理：这会在margin的水平和垂直方向上添加一个负值,
IE添加了该精确数值后,
便会去除对滚动条的需求假象；
优点：在视觉上解决了这个问题，垂直滚动根据内容自适应；
缺点：由于"人为创建"了15px的外边距(margin),
所以无法使用该填充过的屏幕区域。
电脑上也没装编辑软件，不能做测试，只能靠猜了，你在body上用style加overflow:auto试试看，是在html上加哦，不是css样式里，因为不排除样式表里有样式把body设置了overflow:hidden还有可能是#container这个样式里加了position:fixed的原因，你改成position:absolute看看有没解决。
另外呢，看你用绝对定位（margin:-150px 0 0 -200px）是为了让标签垂直水平居中，其实你现在用的这个方法有点过时了，你可以换成position:absoluteleft:50%top:50%transform:translate(-50%,-50%)这个方法的好处就是不用管div高度宽度是多少就自动水平垂直居中
只能看出这么多问题了，希望能帮到你
最后，你点F12打开浏览器的代码查看器，慢慢查找对应的样式，或者一个一个的把一些怀疑的样式取消来测试显示效果，也可以找出问题所在
