HTMLの本文に、本文を水平方向に埋めるフッターが必要です。
私はこのようなhtmlを持っています:
<body>
<div class="footer"></div>
</body>
そしてこのようなCSS:
body {
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
}
body .footer {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
height: auto;
padding: 10px;
}
ドキュメントによると、divで使用するdisplay:block
と、このdivはデフォルトで親を水平方向に埋めます。理由はわかりませんが、ここでは発生していません。だから私はこのようにCSSを変更しました:
body {
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
}
body .footer {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
height: auto;
padding: 10px;
}
width:100%
ここで、aに加えて問題となるのpadding:10px
は、もちろん親よりも20px大きいdivが生成され、水平スクロールバーが表示されることです。
その権利を達成するための標準的な方法はありますか?