css：元素在固定的位置，仍然在流？

Question

我有一些div中有溢出的按鈕：auto，意思是說，div是可滾動的，並且具有固定的高度。我希望頂部的按鈕位於固定位置，這意味着即使div滾動，它們也始終可見。
我試過一些測試，設置固定位置的按鈕，使它們重疊，我不希望這樣，我希望他們在文檔的流程中。我可以對按鈕做position:fixed，並在同一個div中的其他元素之間放置一些間距，但如果窗口本身滾動，那麼這些按鈕將不合適。

jsfiddle

Answer 1

<div id='txt-div' style='margin-top:30px;'>text</div> 

在滾動它將eventualy重疊，嘗試用按鈕DIV玩耍，加入了白色的背景，所以你沒看見的重疊

繼承人的完整代碼：

<div style='height:100px; overflow:auto;'> 
<div id='button-div' style='position:fixed;background-color:#ffffff;'> 
<button>can I be at fixed position, and still not overlap?</button> 
</div> 
<div id='txt-div' style='margin-top:30px;'>2323</div> 
<div>text</div> 
<div>text</div> 
<div>text</div> 
<div>text</div> 
<div>text</div> 
<div>text</div> 
<div>text</div> 
<div>2323</div> 
</div>