0

私は自分のウェブサイト用のラッパーを持っており、現在 HTML5 で初めて完全に機能するウェブサイトをコーディングしています。フッターがラッパーの下部に「くっつく」問題があります。

CSS をいじると、フッターをラッパーの下部にくっつけることに成功することがありますが、ラッパーのコンテンツ (記事/セクション) がブラウザーの折り目にある場合、ラッパー内のコンテンツがラッパーを壊します。ラッパーの高さは画面の解像度の高さ (この場合は 768) にすぎないように見えるため、エッジ。そのため、コンテンツはフッターの後ろの前に配置されます。

とにかくコード：

     <footer>

    <p><small>&copy; Copyright blahdeblah 2013. All Rights Reserved.</small></p>

    </footer>

CSS:

html,body{
height:100%;
}

   #wrapper {
height:100%;
margin:0px auto;
position:relative;
width:900px;
}

footer{
background:#B4B4B4;
border:5px solid #FFFFFF;
height:50px;
line-height:45px;
position:absolute;
bottom:0px;
text-align:center;
width:100%;
}

したがって、本質的に私のラッパーはコンテンツで展開されていません:(

4

1 に答える 1

0

ご覧のとおり、ラッパーの高さは 100% に設定されています。これは、ラッパーのコンテンツがユーザーの画面の高さを超える可能性がある場合でも、ラッパーの高さがユーザーの画面の高さを超えないことを意味します。「高さ：100％」の部分を削除すると、問題が解決するはずです。ユーザーの画面がラッパーのコンテンツよりも短い場合、スクローラーが表示されます。

于 2013-09-25T09:16:39.333 に答える