我很难让一些<div>标签放在我页面上的容器外面，但不会增加页面的宽度。
我网站内的内容包含在名为<div class="container">的相对div中，即1000px宽。容器位于页面中间并从上到下运行，并且在此容器的任一侧可以看到背景图像（如果用户的屏幕尺寸足够宽）。
有时，我们会在背景图片中运行促销并显示这些内容（我知道这不是非常用户友好）。我们需要在容器的左侧和右侧都可以点击背景图像的部分。
左侧工作正常。我在中央容器中添加了一个可点击的div，设置了position:absolute和left:-100px。
但是，如果我对正确的容器执行相同操作，但将位置更改为right:-100px，则整个页面的宽度实际上会增加。这意味着如果用户使用屏幕尺寸较小的网站，他们将看到水平滚动条。
我已经解决了我的问题 - http://jsfiddle.net/Gsf4x/
调整HTML窗口的大小，您会注意到调整大小时水平滚动条的显示方式。是否有解决方法使滚动条消失？设置overflow:hidden实际上隐藏了链接。我知道我可能用JavaScript构建一些东西，但我正在寻找一种CSS方法。
希望这不会让人感到困惑!!