Html 如何定位我的弹出窗口？

我有一个弹出窗口，通过以下方式启用：

有关部门是

<div class="popup" id="popupD" 
<% if(!showSearch) { %>
style="display: none;"
<% } %>
>
<%@ include file="handlaggarelist.jsp" %>
</div>

你能帮我定位弹出窗口吗？否则它会出现在页面顶部

---

谢谢

您可以在页面上完全定位弹出窗口，如下所示：

.popup{
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF;
    font-size: 70%;
    position: absolute;
    top: 200px;
}

---

这将使弹出窗口显示在距页面顶部200 px的位置。

添加位置：绝对，将顶部设置为距顶部和z-ndex的可接受距离。确保z指数是一个非常高的数字，比如10000。这将使您的弹出窗口位于其他元素之上

.popup{
    border-color: #000; 
    border-style: groove; 
    border-width: 2px; 
    padding: 0px; 
    background-color: #FFF;
    font-size: 70%;
    position: absolute;
    top: 200px;
}