新しいdivを追加すると、ヘッダが下に移動します

青いヘッダの下にテキストフィールドを追加しようとしています。私はdivと<p>を追加しましたが、上の小さなスペースでヘッダーを下にシフトするだけです。新しいdivを追加すると、ヘッダが下に移動します

どうすればこの問題を解決できますか？

2017-09-30 Geozah

すでに述べたように、位置を削除することができます。または、padding-topの値をCSSのクラスbioに追加し、ヘッダーの高さ以上に設定します（75ピクセルは上手く見えます）。

position: fixed;は、ヘッダー要素が通常はスペースを占有しないようにするため、最初の要素の上に空白のバッファを作成して、ヘッダーが最初に持つスペースを占有する必要があります。

2017-09-30 00:47:20

headerスタイルからposition CSS属性を削除します。

2017-09-30 00:44:09

ヘッダークラスのposition属性をposition: static;に変更することもできます。

staticがデフォルト値です。したがって、属性を削除するだけです。

2017-09-30 00:49:27 DavSanchez

あなたの位置は問題です。あなたは、固定位置を設定するが、その位置がどこにあるか設定していない：

header { 
    position: fixed; 
    width: 100%; 
    background: #4168a8; 
    top: 0; /* specifying where you want to place the fixed item */ 
}

あなたがあなたのコンテンツは現在トップに固定されますが、div要素は、今お使いの固定された項目の下にあるされていることがわかりますことをやるたら。あなたはそれが正しく表示されるようにするために、あなたのnavbarの高さよりも大きくなるようにする項目の上マージンを設定する必要があります。

2017-09-30 00:56:34 Matthew

答えて