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

Question

[Sn0wSky]

Есть div контейнер. Внутри него другой див с position: absolute, который больше самого контейнера. Это нужно, потому что расположение отсчитывается от краев именно контейнера. Контейнер допустим шириной 800 пикселей по центру страницы, а проблемный div 1000 пикселей. Нужно, чтобы скролл появлялся только когда окно становится меньше самого контейнера.

body{overflow-x: hidden;} - не решение, скролл всё же нужен.

Answer 1

[barkalov]

UPD:

.outerest {
    width: 100%;     
    min-width: 800px;
    overflow: hidden;
    position: relative;
}
.outerest .outer {
    width: 800px;
}
.outerest .outer .inner {
    position: absolute;
    width: 1000px;        
}

jsfiddle.net/TVXLy

Comments

[Sn0wSky]

Если по определению внешний контейнер 800 пикселей, то зачем переназначать его в 1000? Да и скролл появится уже начиная с 1000px.

[barkalov]

Невнимательно прочитал. Обновил.

[barkalov]

@Sn0wSky feedback?

[Sn0wSky]

@barkalov извиняюсь, увидел результат и сразу убежал. Идеально, спасибо Вам большое!