そのような中央に1つのレイヤーを持つHTMLドキュメントを作成しようとしました:
<body>
<div id="background">
LONG TEXT HERE
</div>
</body>
そして私は設定しました
html, body {
margin: 0;
height: 100%;
min-height: 100%;
background-color: #color1;
}
と
#background {
width: 80%;
height: 100%;
position: absolute;
margin-left: 10%;
display: block;
margin-right: 10%;
background-color: #color2;
top: 0px;
bottom: 0px;
}
しかし、どういうわけか、テキストがディスプレイの高さを超えていて、下にスクロールすると背景がありません。ドキュメント全体が最初のウィンドウのサイズだけであるかのように見える FireBug をチェックインしました。私はそれを100%の高さにする必要があります。手伝っていただけませんか?