css - position:fixed を使用して、空白を削除します。他の要素と衝突する

Question

私のページには、このような2つのdivがあります

<div style="position:fixed;width:100%;height: 100px;">

</div>

<div>
     something!
</div>

私の問題は、「何か」の div が最初の div の高さを考慮しておらず、その下にあることです。位置を削除すると:fixed; すべてが正常に戻ります。

ありがとう。

Answer 1

これは、代わりにposition:absoluteorを使用する必要があるためです。position:relativediv を作成するfixedと、固定要素であるため、他の div から独立します。

例：

<div style="position:absolute;width:100%;height: 100px; background-color:red;">
header
</div>

<div>
...
</div>​​​​​​​​​​​​​​​​​​​​​​​​ 

Answer 2

padding-top:100px で 2 番目の div を作成します

<div style="position:fixed;width:100%;height: 100px;">

</div>

<div style="padding-top:100px">
 something!
</div>