将div放在主要内容之外，不会被水平滚动条检测到

Question

我在http://scottmccarthydesign.com/blocks/blocktest.html

有一个我的问题的模型

我有5个div：1。总体内容div为600px，2。左侧轨道，3。右侧轨道，4。右侧轨道中绝对定位的箱子，以及5.父箱内另一个绝对定位的箱子。

目标1：在主内容div之外推送div＃5。我用绝对定位和右边完成了这个：-25px。

目标2：除非浏览器窗口宽度小于主内容div（600px）的宽度，否则我不希望显示浏览器的水平滚动条。

Answer 1

如何添加：

body { overflow-x: hidden; }    

@media screen and (max-width: 600px) {
  body { overflow-x: scroll; }
 }

我认为它应该是相当不言自明的......

免责声明：仅在Opera中测试过，但我使用了类似的技巧和IIRC，它们适用于所有最近的浏览器。