CSS之DIV的定位

 <table>
    <tr><td style="position: relative;"><asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>//按钮
    <asp:Button ID="Button3" runat="server" Text="Button" OnClick="Button3_Click" />
        <div id="div1" runat="server" style="z-index:1; display:none; position: absolute; left: 0px; top: 20px;">
        </div>
        </td></tr>
    <tr><td>
    </td></tr>        
    </table>
如果想控制一个层显示，但是还不想这个层把页面撑开，那么就要设置这个层的position：absolute（绝对定位）。然后代码中设置他的display属性，display：bolock是显示层，none是隐藏层。但是只设置层的position: absolute会遇到麻烦，当页面大小发生改变时，层的位置就不对了，为了克服则必须设置div的父级定位：本例就设置div的父级<td>,将<td>的position: relative（相对定位），然后再设置好div的left和top，这样无论页面放大或缩小，div始终保持和文本框相对的位置，还不会撑开页面。
    protected void TextBox1_TextChanged(object sender, EventArgs e)//单击按钮控制层显示
    {
        div1.Style["display"] = "block";注意：这里之所以能控制是因为设置了div的runat="server"
    }