2017-10-09 15 views
0

私はしばらくの間、私のウェブでフッターを設定しようとしていました..
フッタが画面の下部に貼り付けられ、スクロールバーがある場合、私がスクロールダウンすると、それは上にスライドするでしょう...
私はそれが底には似ていない位置に固定したい:固定(スクロールバーがあれば、私はスクロールするまでフッタを見たくない下に)。
私のウェブには3つの主要な要素があります(ヘッダー、コンテンツ、フッター)。
これはフッターのCSSです:フッターが常に底に付くとは限りません

background: #929191; 
border-top: 1px black solid; 
position: absolute; 
bottom: 0; 
text-align: center; 
width: 100%; 

私はhtmlと体を変更しようと試みてきた「高さ:100%」それはより高さが大きく作られたときには私が望んだほとんどのようだった唯一のものであったが、画面。
高さ:110%(高さの合計は100%でした)のようでした。
私はフィットするまでそれを減らそうとしましたが、UIのすべての小さな変更が問題を起こします。

私は非常に助けていただければ幸いです。

+0

[この回答](https://stackoverflow.com/a/45467527/4987197が)あなたが – mhodges

+0

探しているものであるかどうかを確認してくださいあなたが正確にどのように背の高い知っていますかフッターはピクセル単位ですか?そうであれば、height:calc(100% - footerheight)を使用して、footerheightをピクセル値にできます。 – will

+0

@ChaseDeAnda私はメインポストで言ったように試してみる。 – MasterPiece

答えて

0

あなたが探しているような音<footer>。 Internet Explorerの初期バージョンでは機能しません。 Hereはさらに詳しい情報です。これがうまくいくかどうか私に教えてください。

+0

それは動作しませんでした..私はそれが画面の下に、 – MasterPiece

0

あなたのフッターにこれを試してみてください -

.footer { 
     position: relative; 
     bottom: -500px; // you can adjust the negative value 
    } 
関連する問題