Html 为什么当我把控制装置放在面板上时高度不稳定？

我有一个文本框，用CSS调整了高度。当我将其放入

面板

时，其

高度

返回到上一个

高度

。我怎样才能修好它？换句话说，如何保持它的高度稳定

我的HTML代码：

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

---

需要注意的是，

height:30px

工作正常，但我需要使用

%

来完成这项工作，您可能会遇到两件事

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

一旦将文本框移动到面板中，.NET将更改其id。单击页面上的“查看源”以查看新ID是什么。它可能类似于“panelPost\u TxtNumPost”。或者更好的是，在文本框上设置'clientdmode=static'，以避免我刚才提到的内容

.TxtNamePost {
     Height: 30%;
}