Как я могу сделать так, чтобы несколько абсолютных позиционированных дивов рассматривались как фон?

Question

У меня есть основной контейнер div, куда вставляется все важное содержимое сайта, шириной 800px, по центру по горизонтали.

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

Другими словами, мне было интересно, возможно ли этосоздать элементы div с различными элементами внутри (видео, изображения или текст), которые можно рассматривать как фоновые изображения, чтобы полосы прокрутки появлялись только тогда, когда размер окна меньше ширины 800 пикселей (ширина основного контейнера), а остальная частьdivs просто вытек бы (что-то похожее на то, что swffit вызывает у встроенного flash-ролика).

Есть ли способ сделать это с помощью css или javascript?

Спасибозаранее!

Answer 1

Есть способ, который требует только CSS.Однажды я столкнулся с подобной проблемой с созданным мною веб-сайтом , посмотрите на источник.Кривые сбоку сделаны следующим образом.

Хитрость заключается в том, чтобы изменить положение основного контейнера на относительное без смещения - это вызывает изменение базы координат, здесь ссылка .Чем использовать абсолютное позиционирование «фоновых элементов div», чтобы вывести их за пределы основного блока.

Для решения проблемы переполнения используйте некоторую дополнительную оболочку div (на моем сайте с графическим идентификатором).Чтобы указать его ширину, используйте диапазон - min-width, равный основному блоку, и max-width в качестве общей ширины, включая «backgound divs».И к этой обертке устанавливается скрытое переполнение.

Надеюсь, это поможет.