CSS：当视口'；s足够大，否则会出现负边际吗？

让我们假设以下html标记：

<div id="container">
   <div id="inner"></div>
</div>

当视口足够大时，边距将按预期工作。当它太小时，左边的效果正好，但是当我滚动到右边时，右边的负边距会切断右边的“top_noise”背景。此外，它还会产生另一种不希望出现的效果：页面将始终具有水平滚动条。有什么建议可以解决这个问题吗？谢谢大家!

---

->将区域调整为非常小的大小，然后滚动到红色分区的右侧。

创建代码笔或JSFIDLE会很有帮助。@Cam是的，抱歉，添加了。您是否考虑使用js来完成此操作？？？@Cam我没有，因为我假设有一些方便的CSS解决方案可用。如果没有出现CSS解决方案，我想我会选择js（这不是什么大问题），但我对CSS非常感兴趣。

#container {
    height: 240px;
    position: relative;
    background: url("../images/top_noise_bg.png") top left repeat #222;
    margin-left: -169px;
    margin-right: -169px;
}