css - スクロールバーの下矢印が表示されない

css html

データが入力されているときにスクロールバーを表示する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プロパティを確認することをお勧めします。
関連記事

javascript - 私の最初のWebアプリケーションを構築するための優れたリソース(おそらく、純粋なHTML5 / Javascript / CSS3を使用するだけ)

css - テキストにスタイルを設定せずにDojoボタンのサイズを変更するにはどうすればよいですか?

css - 固定幅のDivと拡張可能なフロートを並べて配置しますか?

asp.net - スティッキーフッターは貼り付けられますが、コンテンツは貼り付けられません

javascript - アニメーションをバックグラウンドで別の要素の背後に保持するにはどうすればよいですか?

css - asp.net mvc3 intellisenseがcssクラスに対して起動しない

css - CSS本体の高さがFirefoxで動作しない?

asp.net - Silverlight Webサイトブラウザーのズームの問題

html - IE7とz-index

jquery - JavaScriptで追加した場合にのみ、IE8 / 9でこのHTMLが失敗するのはなぜですか?