Question

它没有在那里显示，但如果该代码在普通浏览器上运行，它将在父div中生成滚动条。

如何删除滚动条？

Answer 1

在大多数浏览器中overflow:auto会导致为溢出框提供滚动条。将相应的div更改为overflow:hidden

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

使用CSS overflow属性来控制滚动条： http://www.w3schools.com/cssref/pr_pos_overflow.asp

Answer 4

你有溢出：所有东西都自动？难怪你得到滚动条。

这是一个不错的溢出引用： http://css-tricks.com/2833-the-css-overflow-property/

否则，只需声明overflow：hidden，overflow-x：hidden或overflow-y：hidden

Div有滚动条

4 个答案: