フッターはページ

Question

の下部に滞在していないが、私は実現するこの質問は前に頼まれましたが、私はまた、これらのオプションのhttps://css-tricks.com/snippets/css/sticky-footer/

なし私のために働いていないCSSのトリックの方法を試してみました

footer{ 
position: absolute; 
bottom: 0; 
margin-bottom: 0; 
padding-bottom: 0; 
} 

html, body { 
min-height: 100%; 
padding: 0; 
margin: 0; 
} 

を試してみました（または少なくとも非常に大きな画面用ではない）。それ以外に何ができますか？おかげ

Answer 1

はこれを試してみてください。ハッシュタグは重要

されていることを

HTML

<section class="footer id="footer"> 
Content 
</section> 

CSS

#footer { 
background-color: #63C0B8; 
color: #1e1e1e; 
margin-bottom: 0px; 
} 

はまた、フッターが下に滞在することに注意してください。..あなたが最初にコンテンツを上に置く必要があります。

Answer 2

はこれを試してみてください：

footer{ 
position: absolute; 
bottom: 0; 
margin-bottom: 0; 
padding-bottom: 0; 
} 

html, body { 
min-height: 100%; 
padding: 0; 
margin: 0; 
position:relative; 
} 

Answer 3

あなたは「スティッキーフッター」を適用するために不可欠な様々なスタイルが欠けています。 ; `相対：これは`位置について私は常にそれをやった方法

DEMO https://jsfiddle.net/zmbh0v4z/

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    margin: 0 0 100px; /* bottom = footer height */ 
} 
footer { 
    background: red; 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 100px; 
    width: 100%; 
}