div浮动导致溢出

时间:2014-07-30 11:36:47

标签: javascript html css asp.net

我有一个div,我把它放在这个

    <div id="d1" style="float: left; overflow:scroll;">
        <table>
            <tr>
                <td valign="top">
                    <asp:Label ID="lblMsg" runat="server" Text="aa" Width="100%" Visible="false"></asp:Label>
                    <div style="float: left">
                        <table>
                            <tr>
                                <td>
                                    <asp:GridView ID="RepDetails" runat="server" AutoGenerateColumns="True" BackColor="White"
                                        BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3">

                                    </asp:GridView>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>
    </div>

问题是div正在扩展到位于Master页面中的页脚内部。

因此,当我在gridview中有两三个记录时,它可以正常工作但是当记录数量增加时,ID为“d1”的div会传播到外面并侵入页脚

我做错了,请帮忙

由于

1 个答案:

答案 0 :(得分:0)

我解决了它

<div style="overflow:hidden; border-style:solid">

    <div style=" border-style:solid; border-color:Red; width:60%; float:left;">

溢出:隐藏在包含div