0

この Facebook のようなトップ バー (またはヘッダー、わかりません) を CSS で構成しようとしています。とても簡単だと思います。最初の結果は確かにそうでした。

バーにfixed位置を設定し、プロパティtopleftプロパティを 0paddingに設定しました4px。私が欲しかったのと同じように。

しかし、今の問題は... 内容はどうですか?私は単にそれを a の中にラップし<div>、相対的にemその下に数秒配置することができました。しかし、ブラウザの最大高さを超えた場合にコンテンツの下部を非表示にしないでしょうか? また、これにより、特定のブラウザーとのサイズの非互換性が生じる可能性があります (私は IE が嫌いです)。

申し訳ありませんが、ここで既に質問されている場合は、そのような質問が見つかりませんでした。さらに明確にするために、「動的に更新する」ヘッダーは必要ありません-少なくともまだです。そして、HTML5でそれを行うことができると思います。

ここでの主な質問は、そのようなヘッダーを行う最善の方法は何ですか? position: fixed進むべき本当の方法はありますか?もしそうなら、コンテンツを表示する最良の方法は何ですか?

ティア、アンドレ

4

1 に答える 1

2

position:fixedしましょう。

コンテンツの上部にマージンを追加するだけです。(ヘッダーの高さと同じです。)

したがって、ページの上部にいるときは、ヘッダーが余白をカバーします。下にスクロールすると、期待どおりに動作します。そして、ブラウザは下部を非表示にしません。

于 2012-08-02T02:18:29.283 に答える