Question

我试图给%%中最外层的div赋予高度，但它没有增加，而当我给它的工作正常时。请帮忙。

<form id="form1" runat="server">
<div style="background-color:Blue; height:50%">
  <div style="width:50%;
    height:50%;
    margin:0 auto">`enter code here`
<div style="width:34%;float:left;display:inline; height:100%">
        <asp:TextBox ID="TextBox5" runat="server"  style="width:100%;  height:100%"       ></asp:TextBox>
    </div>
    <div style="width:33%; float:left;display:inline; height: 100%;">
        <asp:TextBox ID="TextBox2" runat="server" Height="100%" Width="100%">  </asp:TextBox>
    </div>
    <div style=" width:33%; float:left;display:inline; height: 100%;">
        <asp:TextBox ID="TextBox3" runat="server" Width="95%" Height="100%">  </asp:TextBox> 
    </div>
   </div> 
   </div></form>

Answer 1

百分比高度相对于父元素的高度。在这种情况下，表单元素。如果您的意图是将div设置为页面高度的50％，则需要创建height: 50%，div height: 100%表单，并假设表单没有父级，请提供html和body高度：

html,body{
     height: 100%;   
}

http://jsfiddle.net/r2gY7/

Answer 2

简单

你的身体和html大小首先应该有100％的高度。

这称为“重置css”

如何使用百分比设置内容页面中div的高度？

2 个答案: