位置的主要內容外格，通過水平滾動條

Question

未被發現我在http://scottmccarthydesign.com/blocks/blocktest.html

我的問題的樣機我有5個格：在600px的1.整體內容的div 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; } 
} 

我認爲它應該是相當不言自明......

免責聲明：只有在歌劇測試，但我使用了類似的伎倆和IIRC，在工作所有最近的瀏覽器。