Html 如何使div保持在页面上视图点的顶部

我试图让我的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>

#mydiv{
位置：绝对位置；
最高：50%；
左：50%；
宽度：30em；
高度：18em；
页边距顶部：-9em；/*设置为身高的负数1/2*/
左边距：-15em；/*设置为宽度的负数1/2*/
边框：1px实心#ccc；
背景色：#F3；
}
试验室

---

我查阅了很多关于这方面的资料，但都没有找到工作。救命啊

将

位置

属性更改为

固定

：

position: fixed;

从：

位置：固定
不要为元素留空间。相反，将其放置在相对于屏幕视口的指定位置，滚动时不移动。打印时，将其放置在每页的固定位置

这对我有用

position: fixed;

---

提示：当你对xxx是如何在css中实现的感到好奇时，你可以随时检查已经使用过它的网站的源代码。

在你的程序中添加以下代码：两个都清楚；顶部：0px

@EthanBacon:你的页面肯定有更多内容，然后你会被包括在问题中。你应该提供在你的问题中不起作用的完整代码。我已经在本页给出了完整代码。我不确定发生了什么，我不确定该告诉你什么，因为

position:fixed

适合我：。你用的是旧的iphone吗？我使用的是IE9笔记本电脑抱歉，我才11岁，还不太熟悉编程注意导航栏。该导航栏的属性“位置”设置为“固定”。您删除了该属性，它不再是固定的。也许你可以不设置top或left属性就尝试一下？这与上面相同！