0

私はかつてこのテンプレートを取得しましたが、このようなフッターのcssを取得しました

footer{
position: absolute;
bottom: -3em;
left: 0;
right: 0;
font-size: 12px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
color: rgb(160, 160, 160);
}

動的コンテンツに php を使用していますが、コンテンツ (フッターの直前の div でラップ) が変更されるたびに、長さ (高さ) が変化すると、このフッターは突然位置を変更し、突然上部 (最高) 近くに配置されます。 Web ページの div) div。

このフッターをページの下部に留まらせる方法を考えていました。探していましたが、{postition:fixed;} を見つけました。フッターを「最後のコンテンツとして、下部に」配置するつもりでした。 「画面/ウィンドウの下部にとどまる」..

誰でも助けることができますか？前もって感謝します

4

1 に答える 1

0

あなたのコードがブローのようなものなら、あなたは大丈夫です

HTML

<div class="wrapper">
    <div class="footer">Lorem Ipsum</div>
</div>

CSS

.wrapper{
    position:relative; background:grey;
    height:200px    
}
.footer{
position: absolute;
bottom: -3em;
left: 0;
right: 0;
font-size: 12px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
color: rgb(160, 160, 160);
}

デモ

wrapper高さを変えると違いがわかります

于 2013-02-05T09:53:55.923 に答える