html - 位置固定如何固定

Question

考虑我们有

<div style="position:fixed;">Hello</div>
<div>Hi there</div>

固定定位的 div 将从文档流中移除。这将导致两个 div 相互重叠。解决此问题的最佳方法是什么？我可以在第二个 div 中使用 margin-top，但这似乎更像是一个技巧而不是一个解决方案。

Answer 1

这不是一个把戏。这是解决方案。或者也许所有好的解决方案都有点棘手。但这可能是正确的，基于你所展示的很少。

也就是说，第二个 div 的 margin-top 应该等于第一个 div 的高度。

Answer 2

<div style="position:fixed;">Hello</div>
<div style="position: relative; top: 20px">Hi there</div>

将 20px 更改为您想要的任何大小