css - 更新面板 Controller 显示问题

Question

我正在尝试使用 asp.net 更新面板创建弹出窗口。我希望弹出窗口的背景填满整个页面(100% 宽度，100% 高度)并将弹出窗口本身的宽度设置为 1000px 并定位在顶部中心。

我试过将面板包裹在一个 div 中并将宽度设置为 100%。但是浏览器会忽略它。如何使用 css 控制 asp.net 更新面板？能否实现以上目标？

html:

<!-- Group Details Popup Starts  -->
<div id="divGroupDetails" runat="server">

        <asp:UpdatePanel ID="groupDetailsPopup" runat="server" RenderMode="Inline">
            <ContentTemplate>

                <div class="popup_wrapper">

                    <asp:LinkButton ID="lbcloseBTN" runat="server">Close</asp:LinkButton>
                    matt
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </div>

            </ContentTemplate>

        </asp:UpdatePanel>

</div>

CSS:

    .popup_wrapper {
    width:100%;
    height:300px;
    background-color:red;
    }

Answer 1

尝试将 position: absolute; 添加到您的 css。或者，在实践中，您可能会发现这更可靠:

.popup_wrapper {
    background-color:red;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}