Абсолютный div без переполнения

Question

Абсолютный div без переполнения

0

У меня два div:

#container{
    max-width:1000px;
    margin:0 auto;
}

Внутри этого контейнера есть еще один div:

#image{
    position:absolute;
    margin-left-200px;
    width:500px;
    height:400px;
    background-image:url('images/image.png');
    left:50%;
    overflow:hidden;
}

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

Благодарю!

Jordy 05 окт. 2013, в 17:32

Источник

0

Вы пытались добавить overflow:hidden в #container ?
Vucko 05 окт. 2013, в 15:22
0

опечатка? Запас налево-200px;
fred02138 05 окт. 2013, в 15:23
0

@Vucko Vucko, да, но это не работает
Jordy 05 окт. 2013, в 15:24
1

@Jordy Джорди, как насчет добавления overflow в html,body - Examlpe ?
Vucko 05 окт. 2013, в 15:26
0

@Vucko, не работает. Действительно, полоса прокрутки не видна, но я все еще могу прокрутить вправо с помощью колесика мыши.
Jordy 05 окт. 2013, в 22:43
0

@Jordy Джорди делает JSFiddle .
Vucko 06 окт. 2013, в 08:56

Показать ещё 4 комментария

Теги:

html

css

overflow

absolute

positioning

1 ответ

Ещё вопросы

Вы пытались добавить overflow:hidden в #container ?
@Jordy Джорди, как насчет добавления overflow в html,body - Examlpe ?
@Vucko, не работает. Действительно, полоса прокрутки не видна, но я все еще могу прокрутить вправо с помощью колесика мыши.

fred02138 · Answer 1 · 2013-10-05T12-53-00.000Z

Вы должны добавить это в свой CSS:

html {
    overflow:hidden;
}

Здесь работает jsfidde: http://jsfiddle.net/5tDbx/

Не работает. Действительно, полоса прокрутки не видна, но я все еще могу прокрутить вправо с помощью колесика мыши.