如何删除网站右侧的空白区域？答案

【问题标题】：How do I remove the empty space to right of website?如何删除网站右侧的空白区域？
【发布时间】：2013-04-02 02:35:51
【问题描述】：

我正在开发一个包含大量浮动 div 的单页网站，所有高度：100%； - 在较小的屏幕（如 iPad）和 FIREFOX 等浏览器中，您可以水平滚动到站点的一侧并查看空白区域。这让我彻底疯了。

我查看了其他空白问题，但它们非常具体，以至于我看不到相关性。我没有任何东西可以让 100% 的身体宽度断裂。任何意见是极大的赞赏。

说它未完成可能有用

【问题讨论】：

您会看到您可以向右滚动，如果没有光标，则可以使用我们键盘上的向右箭头按钮
也发生在 Chrome 上...
如果您从.contentbox、.infobox 和.infobox 和.aboutbox 中删除width:100%，多余的空间会消失，但也会弄乱您的布局。
网站崩溃了我的 ff :(
在IPAD上它看起来很糟糕，因为右边的空白总是在那里，所以实际网站页面的其余部分很小。

标签： css

【解决方案1】：

通过将position:fixed; 添加到具有trailer 类的div 中，我能够解决FF 上的问题。事实上，我认为如果您的所有非滚动元素都已修复，那么您尝试拉出的页面类型会更好。

不确定这是否会帮助您解决 iPad 问题。

【讨论】：

预告片元素不是不可滚动的元素，事实上，将这种样式添加到该类会破坏页面的其余部分，并使整个内容无法滚动。
@invertedSpear 感谢您的尝试，但这对我也不起作用。我设法通过使用负边距和固定 px 宽度来实现它，但它没有准确居中，并且它没有以我需要的方式动态响应。