Css 滚动条底部箭头不可见

我有一个div标签，当它被填充时会显示一个滚动条，但我面临的问题是我无法查看滚动条的底部箭头它在我的页脚下面我如何调整它以显示在页脚上面我的css是这样的

html {
        height:100%;
     }

body {
        height: 100%;
        overflow: hidden;
     }

div#content-wrapper {
                        voice-family: "\"}\""; 
                        voice-family:inherit;
                        margin-top:102px;   
                        margin-left:127px;
                        margin-bottom: 30px;
                        height: 100%;
                        overflow: auto;
                    }

body>div#content-wrapper {
                            margin-left:127px;
                         }
div#content {
                margin:0 auto;
                min-height: 100%;
            } 

内容将加载到下面的div中

     <div id="content-wrapper">
        <div id="content">
        </div>  
     </div>

如果您的div重叠，则表示您的文档结构设置不正确，或者您的样式（css）存在缺陷。如果你是故意这样做的，你可能想看看css的z-index属性。

调整高度：100%；在内容包装中，某些像素在正常模式下解决了这个问题，但当它被拉伸到全屏模式时，它会显示灰色空间