css - 使用 position:fixed 删除空格。与其他元素冲突

Question

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

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

</div>

<div>
     something!
</div>

我的问题是“某事” div 没有考虑第一个 div 的高度，而是在它之下。当我删除位置时：固定；一切恢复正常。

谢谢。

Answer 1

那是因为您需要使用position:absoluteorposition:relative代替。制作fixeddiv 使其独立于其他 div，因为无论如何它都是固定元素。

例子：

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

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

Answer 2

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

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

</div>

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