(やりたいこと)
html5/css3
画面スクロールしてもfooterが常に下部に見えているように固定したいです。
画面全体の10%くらいの高さで、ブラウザ依存で崩れないコーディングが良いです。
(問題点)
footerの下に数ミリの空白ができており
(footerが帯のようになって下の画面が見えている状態)
どうやっても消せませんので
教えていただけますと助かります。
よろしくお願い致します。
(html)
<!DOCTYPE html> <html lang="ja"> <head> </head> <body> <div>コンテンツ1</div> <div>コンテンツ2</div> <div id="footer"> <div id="contents">footerの中身</div> </div> </body> </html>(CSS)
body {
margin: 0px; /* ページ全体のmargin /
padding: 0px; / ページ全体のpadding */
width: 100%;
}
#footer{
height: 10%;
position: fixed;
bottom: 0;
width: 100%;
}
#contents{
height: 100%;
bottom: 0;
position: relative;
}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/05/26 17:47