当我将控制放在面板中时，为什么高度不稳定？

Question

我有一个文本框，并为其调整了height CSS。当我将其放入Panel时，其height会返回上一个height。我该如何解决？换句话说，如何保持height稳定？

我的HTML代码：

<asp:Panel ID="panelPost" runat="server">
<asp:TextBox ID="TxtNumPost" CssClass="TxtNamePost" runat="server">           </asp:TextBox>
</asp:Panel> 

我的CSS代码：

.TxtNamePost {
     Height: 30%;
}

应该注意height: 30px正常工作，但我需要使用%执行此操作。

Answer 1

你可能会有两件事情发生。

1. 身高：30％。在css中，如果以百分比显示高度，则它将是父元素的百分比。因此，如果你移动一个元素（例如在一个面板内）。您正在更改父元素，这可能会导致混淆。

2. .NET会在面板内移动后更改文本框的ID。点击查看来源＆＃39;在您的页面上查看新ID的内容。它可能类似于＆lt; panelPost_TxtNumPost＆＃39;。或者更好的是，设置＆＃39; ClientIDMode = static＆＃39;在文本框上，以避免我刚才提到的。