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：隐藏