爲什麼當我將控件放在面板中時，高度不穩定？

Question

我有一個文本框，並用CSS調整了height。當我把它放入Panel時，它的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。點擊頁面上的「查看源代碼」，查看新ID的內容。它可能是'panelPost_TxtNumPost'。或者更好的是，在Textbox上設置'ClientIDMode = static'來避免我剛剛提到的。