div有滾動條

Question

http://jsfiddle.net/LUfgY/

它並不顯示其存在，但如果代碼是在正常的瀏覽器上運行，它會在父DIV中產生滾動條。

如何刪除該滾動條？

Answer 1

試試這個：

#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 2

在overflow:auto導致滾動大多數瀏覽器的溢出盒提供。更改相應的div（s）爲overflow:hidden

This jsFiddle應該工作。

Answer 3

使用CSS overflow屬性來控制滾動條： http://www.w3schools.com/cssref/pr_pos_overflow.asp

Answer 4

你有溢出：對汽車的一切？難怪你會得到滾動條。

這裏有一個體面的溢出參考： http://css-tricks.com/2833-the-css-overflow-property/

否則，只是聲明溢出：隱藏，溢出-X：hidden或overflow-Y：隱藏