overflow проблема

[Zverushka]

http://jsfiddle.net/Zverushka/eZXn2/1/

 

Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. 

Изначально мы не знаем размеры .figure - они динамические. 

Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?

[Ghost86421]

overflow-x: hidden;

[Zverushka]

Обрезается весь блок.

[Светлана Г.]

http://htmlbook.ru/css/overflow-x

[Zverushka]

Вроде как при overflow-x hidden, то же значение автоматически принимает и overflow-y.

[Yazon_Nile]

http://jsfiddle.net/eZXn2/2/

Такая идея. Дальше додумайте)
Можно применить джс для просчета позиции.

[SelenIT]

А тупо добавить общую обертку низзя?

[Zverushka]

изз

 

Приблизила задачу к первоначальной

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

http://jsfiddle.net/Zverushka/eZXn2/6/

Edited April 2, 2014 by Zverushka

[Zverushka]

Хм, так получается, что можно просто обернуть весь сайт в блок .overflow - и подобная проблема исчезнет. - По горионтали все лишнее обрежется без скролла - по вертикали между блоками картинки сохранятся.