css - position fixed を使用する際の問題

Question

問題は、topBar が position:fixed である限り、ヘッダーの上マージンが無視されることです (そのため、ページが読み込まれると、ヘッダーは topBar の下にほとんど隠されます)。

margin-top が無視されるのを修正するにはどうすればよいですか?

事前に感謝..

Answer 1

ヘッダーの上マージンを目的の値にtopBarの高さを加えた値に設定します。

Answer 2

あなたの質問から私が理解している限り、あなたは position:fixed を topBar にのみ与えようとしています。あなたの問題に答えるために私の疑似コードを見つけてください。トップバーとヘッダーの両方が固定されたままになるように、外側のヘッダーコンテナーに固定された位置を追加してみてください。

 <header style="position:fixed;">
   <nav class="top-bar">
   </nav>
 </header>

Answer 3

問題が解決しない場合はこれを使用し、コードを共有します

#header
{
position:fixed;
top:0px;
width:100%;
height:30px;
}