css - BigCartelサイトでのスクロールが多すぎます。誰かがCSSを手伝ってくれませんか？

Question

このサイトhttp://doomedfromdayonemerch.bigcartel.com/は現在、ページを下にスクロールしすぎています。これは、フッター（非表示）がページの下部にあるためです。CSSでフッターを移動しても、ページは同じ量だけスクロールします。理想的には少しだけ下にスクロールしたいと思います。私はoverflow-y：hiddenを本体に持っていました。これは機能しましたが、スクロールできないため、画面を小さくしたりズームインしたりすることはできません。どんな助けでも素晴らしいでしょう！:)

Answer 1

CSSコードに追加します

html{
    height:100%
}

Answer 2

問題はフッターではありません。

問題はdivid="navigation"にあります

フッターをページの下部に貼り付けることに関連するいくつかの質問をしました。それらをチェックしてください、多分あなたを助けるでしょう。

Answer 3

答えが選ばれたことは知っていますが、もう少し説明させてください。ナビゲーションdivは、絶対ではなく相対に配置されています。ナビゲーションcssにz-indexが表示されているため、絶対位置を使用しようとしていたようです。絶対ポジショニングを使用するには、親要素をposition：relativeに設定する必要があります。絶対にしたい要素は、position：absoluteに設定する必要があります。

#wrapを基準にした位置を追加します

#wrap {
width: 740px;
height: 700px;
margin: 0 auto;
padding: 5px;
text-align: left;
position: relative;
}

ナビゲーションを絶対に変更します

#navigation {
z-index: 99;
position: absolute;
top: 175px;
padding-top: 10px;
padding-right: 5px;
margin-right: 4px;
height: 442px;
background: rgba(228, 228, 228, 0);
clear: both;
border-bottom-right-radius: 10px;
right: 10px;
}