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

Question

我在 http://scottmccarthydesign.com/blocks/blocktest.html 上有一个我的问题的模型

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

目标 1：将 div #5 推到主要内容 div 之外。我通过绝对定位和右：-25px 完成了这一点。

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

Answer 1

添加这个怎么样：

body { overflow-x: hidden; }    

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

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

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