Question

如何将ASP.NET更新面板设置为其父容器的100％？现在它的高度足以适合其内容。它的显示模式是阻止。我添加了一个

style="height: 100%"

是updatepanel标记的属性，但是解析器抱怨asp:UpdatePanel未定义样式标记。

Answer 1

尝试将asp:UpdatePanel放在asp:Panel内并使用它来控制大小。

Answer 2

height: 100%是非常糟糕的风格解决方案。调整大小或类似的用户操作后，这将无效。

所有你能做的 - 通过javascript自动设置高度。另请参阅this answer（它是关于iframe的，但javascript可以根据您的需求轻松更新）

Answer 3

这有点hacky但你可以做这样的事情来设计UpdatePanel

<head>
...
<style type="text/css">
    #<%=UpdatePanel1.ClientID %> {height:100%;}
</style>
...
</head>
<body>
...
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    ...
</asp:UpdatePanel>

Answer 4

您可以使用C＃后端来控制page_load中的更新面板样式。

protected void Page_Load(object sender, EventArgs e)
 {
   UpdatePanel.Attributes.CssStyle.Add("height","100%");
 }

将ASP.NET更新面板设置为其父容器的100％？

4 个答案: