php - ページのリロード時にヘッダーでランダムにブレークが発生する

Question

そこで、Webサイトを作成しましたが、サイトが読み込まれたり更新されたりすると、タイトルとナビゲーションメニューの間に切れ目が表示されることがあります。なぜこれが起こっているのか誰かが知っていますか？リンクはhttp://tomekc.com/richです。

Answer 1

タイトルの「p」タグの位置を切り替えることで、バグを再現することができました。しかし、Zhihaoは、マージンとパディングが正しくレンダリングするために実際にはインラインブロック（またはブロック）を必要とするということは正しいです。また、「p」タグは実際にはインラインであってはならないため、そのタグを変更することをお勧めします（または、ネイティブ表示をオーバーライドする場合は、折り返しなしの空白を追加します）。

p {
    white-space: nowrap;
}
span {
    display: inline-block;
}

この変更後、パディングが少しオフになる可能性がありますが、更新の問題は修正されます。また、インラインブロックは実際にはie8 +の機能であるため、最新のブラウザーのみを対象とする場合はこのソリューションで問題ありませんが、より多くのユーザーを対象とする場合（企業は古いブラウザーが大好き）、HTMLを少し再構築する必要があります。

Answer 2

だから、<link>タグをページの上の方に移動するだけで実際に修正できました...かなり簡単な修正です（笑）。助けてくれてありがとう、みんな。