如何使div停留在頁面頂部的視點

Question

我想讓我的div停留在視點的頂部，無論您滾動多遠。這是我的代碼到目前爲止：

<style type="text/css"> 
#mydiv { 
    position:absolute; 
    top: 50%; 
    left: 50%; 
    width:30em; 
    height:18em; 
    margin-top: -9em; /*set to a negative number 1/2 of your height*/ 
    margin-left: -15em; /*set to a negative number 1/2 of your width*/ 
    border: 1px solid #ccc; 
    background-color: #f3f3f3; 
} 
</style> 
<div id="mydiv">Test Div</div> 

我已經查了很多關於這個，但沒有工作。幫幫我！

Answer 1

更改position屬性fixed：

position: fixed; 

從MDN：

位置：固定
不要爲元素留出空間。相反，將其放置在相對於屏幕視口的指定位置，並且在滾動時不會移動。打印時，將其放在每頁上的固定位置。

Answer 2

這對我有用。

position: fixed; 

提示：當好奇如何在CSS中實現的XXX，你可以隨時檢查的那些使用它已經被網站的源代碼。

Answer 3

在您的程序中添加以下代碼clear：both; top：0px;