title: How can I set the height of a div in a content page using percentage?
body: <p>I am trying to give height to the outermost div in % but it is not increasing whereas when I give in em its working fine. Please help.</p>
  
  <pre><code>&lt;form id="form1" runat="server"&gt;
  &lt;div style="background-color:Blue; height:50%"&gt;
    &lt;div style="width:50%;
      height:50%;
      margin:0 auto"&gt;`enter code here`
  &lt;div style="width:34%;float:left;display:inline; height:100%"&gt;
          &lt;asp:TextBox ID="TextBox5" runat="server"  style="width:100%;  height:100%"       &gt;&lt;/asp:TextBox&gt;
      &lt;/div&gt;
      &lt;div style="width:33%; float:left;display:inline; height: 100%;"&gt;
          &lt;asp:TextBox ID="TextBox2" runat="server" Height="100%" Width="100%"&gt;  &lt;/asp:TextBox&gt;
      &lt;/div&gt;
      &lt;div style=" width:33%; float:left;display:inline; height: 100%;"&gt;
          &lt;asp:TextBox ID="TextBox3" runat="server" Width="95%" Height="100%"&gt;  &lt;/asp:TextBox&gt; 
      &lt;/div&gt;
     &lt;/div&gt; 
     &lt;/div&gt;&lt;/form&gt;
  </code></pre>