Question

我的页面中嵌入了iframe。 iframe中有一个div，即使我滚动也需要始终保持在屏幕的中心。

我的网页设置方式是iframe完全适合，没有滚动条：

主页：

...
<body>
    ...some content
    <iframe src="test.html" width="200px" height="700px">
    </frame>
    ...
</body>
...

的test.html：

...
<div class="modal_window">
    <p>Very important message</p>
</div>
...

如何让我的div.modal_window始终保持在屏幕的中心（如果iframe在屏幕上可见，当然）？最好只使用css

Answer 1

.modal_window{
   position:fixed;
   margin-left:auto;
   margin-right:auto;
   display:block;
   z-index:100;
}

此代码 margin-left:auto; margin-right:auto;display:block;会将您的div保留在父div的中心。

和z-index:100;position:fixed会将除法保留在父div之上并修复位置。