Почему высота нестабильна, когда я устанавливаю свой контроль на панели?

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. Это может быть что-то вроде «panelPost_TxtNumPost». Или еще лучше, установите «ClientIDMode = static» в текстовом поле, чтобы избежать того, что я только что упомянул.