@Sn0wSky

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

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

body{overflow-x: hidden;} - не решение, скролл всё же нужен.
  • Вопрос задан
  • 2762 просмотра
Решения вопроса 1
barkalov
@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
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы