Div имеет полосу прокрутки

Question

http://jsfiddle.net/LUfgY/

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

Как мне убрать эту полосу прокрутки?

Answer 1

В большинстве браузеров overflow:auto обеспечивает полосу прокрутки для переполненных полей. Измените соответствующий div (s) на overflow:hidden

Этот jsFiddle должен работать.

Answer 2

Попробуйте это:

#container {
    overflow:hidden; /* change to hidden */
    margin: 0 auto;
    margin-top:37px;
    height: 100%;
    width:875px;
    -moz-box-shadow: 0 30 30px 5px #999;
    -webkit-box-shadow: 30 0 30px 5px #999;
    -o-box-shadow: 0 30 30px 5px #999;
    border:1px solid black;
    border-top-style:none;
}
#child1 {
    overflow:hidden; /* change to hidden */
    min-height:150px;
    border-bottom:1px solid #bbb;
    background-color:#eee;
    opacity:0.4;
}

Answer 3

У вас переполнение: авто на всем? Не удивительно, что вы получаете полосы прокрутки.

Вот хорошая ссылка на переполнение: http://css -tricks.com / 2833-The-CSS-перелив-свойство /

В противном случае просто объявите переполнение: скрытое, переполнение-х: скрытое или переполнение-у: скрытое

Answer 4

Используйте свойство CSS overflow для управления полосами прокрутки: http://www.w3schools.com/cssref/pr_pos_overflow.asp