html - 如何将 Div 定位在屏幕中间的其他内容之上？

Question

在我的 symfony html 视图中，我想在按钮单击的其他内容的视图前面打开一个弹出窗口。这不是一个真正的问题，我只是给我的 divposition: absolute和top: 80px

但现在我不希望我的 div 总是距离顶部 80px，而是在屏幕中间。因此，如果我向下滚动，它也应该位于更下方，因此它仍然位于屏幕中间。我必须为此使用 javascript 还是只能使用 html 和 css 来执行此操作？

标签： htmlcss

Answer 1

您可以使用 css vh(viewport height) 单位作为高度来实现这一点，

position: fixed;
top: 45vh; // As per your need