使用position：fixed来删除空格。与其他元素冲突

Question

在我的页面中，我将有两个这样的div

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

</div>

<div>
     something!
</div>

我的问题是＆＃34;某事＆＃34; div没有占据第一个div的高度 考虑并归入其中。当我删除位置：固定; 时，一切都恢复正常。

感谢。

Answer 1

这是因为您需要使用position:absolute或position:relative。使fixed div使其独立于其他div，因为它是一个固定元素，无论如何。

示例：

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

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

Answer 2

用padding-top制作第二个div：100px

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

</div>

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