2017-12-29 16 views
0

「固定」フッターにCSSを書きました。これは、フッターが常にページの下部に貼り付くことを意味します。以下は同じCSSです -SafariでCSSが正常に動作しない

footer { 
    clear: both; 
    position: relative; 
    background-color: #e9eef2; 
    min-height: 135px; 
    width: 100%; 
    text-align: center; 
} 

これはSafariを除くすべてのブラウザで動作します。サファリでは、下部に固執せず、内容が終了するところに現れます。助けてください!

+0

特に、そのフッターについては何も付いていません。 [あなたのコードの残りの部分](https://stackoverflow.com/help/mcve)を見ることができますか? – showdev

答えて

0

ブラウザとキャッシュの履歴をすべて消去してからもう一度試してください。 一部のブラウザでは、すべての履歴とキャッシュをクリアするまでプレビューのスタイルをキャッチします

2

残りのコードをアップロードしていないため、あなたが提供したコードは役に立ちません。だから、あなたが提供したコードから、あなたはそれを底に固定するためのプロパティを追加しなかった。そして、これらのプロパティを追加し、固定:下:相対の位置:

だから、もう一度、あなたのコードから、私はあなたの位置を変更することをお勧めすることができます0左:0

このコードは、Safariを含むすべてのブラウザでサポートされています。

ただし、別のオプションもあります。position:-webkit-sticky;ポジション:粘着性。と上記の特性を加えてもよい。接頭辞-webkit-を忘れないでください。サポートされています。

どちらのオプションもSafariで完全に動作します。

関連する問題