1

无论您向下滚动多远，我都试图让我的 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>

我已经查找了很多关于此的内容，但没有任何工作。帮助！

4

3 回答 3

2

这对我有用。

position: fixed;

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

于 2013-04-20T12:35:27.690 回答
1

position将属性更改为fixed：

position: fixed;

来自MDN：

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

于 2013-04-20T12:33:27.657 回答
0

在您的程序中添加以下代码 clear : both; 顶部：0px；

于 2013-04-20T19:56:22.087 回答