часть дива должна прятаться за экран

[duncan]

и скорее всего -- с помощью джейквери.

широкий общий блок (черная рамка), если откроют страницу на маленьком экране, то что бы часть красного блока пряталась за края экрана
другими словами, чтобы не появлялась горизонтальная прокрутка.

 

[mdss]

для body в стилях пропиши

overflow-x:hidden;

 

[duncan]

overflow-x:hidden;

спасибо, но оно обрезает тогда справа, а нужно слева

 

[mdss]

у тебя вообще какая цель поставлена? Адаптивную верстку забацать? Тогда лучше использовать медиа квери, а не велосипеды.

 

[Delfi]

для body в стилях пропиши

overflow-x:hidden;

Не совсем кросбраузерно, opera не кушала.
Но в итоге да - лучше описать саму задачу.

 

[fezilk]

float:right;
overflow-x: hidden;

Если вдруг кому понадобится - я делал так.

 

[alexstorm]

float:right;
overflow-x: hidden;

Если вдруг кому понадобится - я делал так.

Немного не корректная запись для таких целей.

В данном случаи нужно действительно видеть полноценную картину.

 

[mukval]

Немного не корректная запись для таких целей.

В данном случаи нужно действительно видеть полноценную картину.

Не понял что вы имели ввиду

 

[Stas-P]

Я думаю подразумевалось нечто похожее на это

Спойлер

Для просмотра ссылки Войди или Зарегистрируйся

Если размер окна браузера менять, то видно, что подсолнух и кукуруза выходят за пределы экрана.

Это сделано следующим способом:
1) общий блок (черная рамка) - должен по любому помещаться в размер окна, иначе будет прокрутка + position: relative;
2) красный блок - помещаем в черный и делаем смещение красного влево left: -260px; и не забываем, что он должен быть position: absolute;

Вот как-то так