本文のコンテンツがフッタを上書きしています

私はブートストラップを使用して固定フッターのウェブサイトを作成しています。このようにボディコンテンツがフッターに重なっていることが起こります。 image 本文のコンテンツがフッタを上書きしています

私が行った検索では、フッタはボディより重要ではありません。私はフッタにIDとIDを入れてみましたが、問題を解決しませんでした。お願い助けて。

footer { 
 
\t position:fixed; 
 
    height:35px; 
 
    bottom:0px; 
 
    left:0px; 
 
    right:0px; 
 
    margin-bottom:0px; 
 
\t padding-right: 15px; 
 
\t text-align: right;; 
 
\t color: snow; 
 
\t background-color: #9e0000; 
 
\t font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 
} 
 

 
footer h6{ 
 
\t line-height: 0.4; 
 
}

<footer> 
 
\t \t <h6>Universidade Federal de Alagoas</h6> 
 
\t \t <h6>@2017</h6> 
 
</footer>

出典

2017-05-15 Madson Paulo

おそらく犯人は、体がより高い 'Z-index'を有する、またはオーバーフローを有することのいずれかです。あなたも体のコードを貼り付けることができますか？データベースから生成されたかのように見えるので、データベースを照会するスクリプトではなく、HTML **出力**をポストする必要があります。 –

フッター '

'の上にこれを追加してください。あなたの体には「フロート」が使われていると思います。 – Pratyush

何千もの行があり、あなたが探しているものを見つけるのが本当に難しいので、完全なhtml、js、およびcssを投稿するのにはいくつかの問題があります。 HTML出力とは何ですか？ –

は、いくつかの悪い仮定だ：あなたはposition: relative/absoluteとz-index: 2+だあなたのテーブルの上に何かを持っているかもしれ

。

：問題を解決するだろうあなたのCSSにこれを追加し、私はあなたのコードをチェックしました： z-index: 99;

編集を： https://codepen.io/chunyin/pen/MmXbJy

この問題を解決するために、使用した高Zインデックスにあなたのフッターを設定しますCSS：

footer { 
    z-index: 99; 
}

出典

2017-05-15 03:46:28

男は、まさにそれでした、ありがとう：D –

あなたはdiv要素を追加し、コード例以下のような高さにそれを与えることができますこの方法を試すことができます。

CSS私はここにコメントすることはできません

.content { 
    height:calc(100vh - 35px); 
    /* 35 px THIS IS YOUR FOOTER HEIGHT YOU CAN CHANGE AS YOU WANT*/ 
}

出典

2017-05-15 03:43:40 LKG

私は試みたz-インデックス：99;最初に答えて、それは問題を解決したが、努力のおかげで:) –

本文のコンテンツがフッタを上書きしています

答えて

関連する問題