css - 向下滚动时隐藏图像上的滚动条

Question

我正在关注这个例子: http://jsfiddle.net/qqPcb/

我试图让它与图像一起工作，但滚动条仍在显示。做错了什么？ http://jsfiddle.net/H27BK/122/

<div id="parent">
    <div id="child">
        <img src="http://i.imgur.com/rJmDwjF.jpg"/>
    </div>
</div>

#parent {
    width: 500px;
    height: 300px;
    border: 1px solid black;
    overflow: hidden;
}
#child {
    height: 100%;
    overflow: auto;
}

Answer 1

子项必须大于滚动条，试试这个:

#parent {
    width: 500px;
    height: 300px;
    border: 1px solid black;
    overflow: hidden;
}
#child {
    width: 520px;
    height: 320px;
    overflow: auto;

}