位置固定如何解決

Question

考慮我們

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

固定定位的div將會從文檔流中移除。這將導致兩個div彼此重疊。 解決此問題的最佳方法是什麼？我可以在第二個div中使用margin-top，但它看起來更像是一個技巧而不是解決方案。

Answer 1

這不是一個竅門。這是解決方案。或者，也許所有好的解決方案都有點棘手。但是，這可能是正確的，基於你顯示的很少。

也就是說，第二個div的margin-top應該等於第一個的高度。

Answer 2

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

變化20px的任何大小你想