在滚动时，保持div的位置在中间

Question

截图

我是网站HTML开发的新手。我想知道如何将div保存在我的网页中心，如上图所示。

Answer 1

试试这个：

<style>
.test {
    height: 200px;
    width: 100px;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -50px;
    background:#ccc;
}
</style>

<div class="test"></div>