ワードプレスの22のテーマのフッタの下の空白を取り除く

Question

私は最初のステップでコードを学習しています。私はインターネットでいくつかのコースを作ったので、私はWordpressの子供のテーマを構築しながら、経験から学び続けることに決めました。

私の一番のテーマは、16のテーマを使ってフッターの下の空白を取り除く方法を見つけようとしていることです。私は皮肉なことに、「フッタ」と呼ばれるものが本当にフッタではないということを発見しました。それは空白に浮かぶものです。

ページの下部にフッターを配置してその空白を取り除くために何ができるかについていくつか提案がありますか？

.site-footer { 
    padding: 0 7.6923% 1.75em; 
    /* visibility: hidden; */ 
    height: 100px; 
    background-color: transparent; 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
} 

しかし、私はこれを行う場合は、何も私の内容と私のフッターの間に余裕がある：

は、私はちょうどこれを作ることができることを知っていない

編集

私のフッタの要素の位置は、自分のページのコンテンツの高さによって決まることがわかりました。今私は、私のページの内容が高さの100％を占めるべきであるが、私はどこを見つけることができないかを確立する方法を探しています。何か提案がありますか？

Answer 1

あなたの質問が正しく理解されたら、コンテンツが画面の高さの100％未満の場合、ブラウザウィンドウの下部にフッター（「Garrah Morris」の署名）を配置することです。

確実にこれを達成する1つの方法は、divを含むフッターをposition:absolute;bottom:0;に設定することです。 （上のコンテンツが一定の高さを超えると重複する問題が発生しますが）