Разместите div вне основного содержимого, не обнаруженного горизонтальной полосой прокрутки

Question

У меня есть макет моей проблемы на http://scottmccarthydesign.com/blocks/blocktest.html

У меня есть 5 делений: 1. Общее деление содержимого на 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, которые работали во всех последних браузерах.