URL:
https://webkikaku.co.jp/blog/htmlcss/footer-bottom/
HTML
1<div id="container"> 2<div id="header">ヘッダー</div> 3<div id="contents">コンテンツ</div> 4<div id="footer">フッター</div> 5</div>
CSS
1body , html { 2 height: 100%; 3} 4 5#container { 6 width: 100%; 7 position: relative; 8 height: auto !important; 9 height: 100%; 10 min-height: 100%; 11} 12 13#contents { 14 padding-bottom: 100px; 15} 16 17#footer { 18 position: fixed; 19 bottom: 0; 20 width: 100%; 21 height: 100px; 22}
こちらのサイトで書かれている方法でcssでのフッタ固定をやったのですが、
PC画面をSP画面表示にして確認した時に、挙動がぷるぷる動いてました。
ぴたっとフッタを固定させてSP画面で表示させたいのですが、
何か足りない記述、cssでの別のやり方などありましたら、ご教授願えないでしょうか?
宜しくおねがいいたします。
回答3件
あなたの回答
tips
プレビュー