div左浮动导致溢出

Question

我有一个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扩展到了母版页中放置的页脚内部。

因此，当我在gridview中有两个或三个记录时，它工作正常，但是当记录数增加时，ID为“ d1”的div散布到外部并侵犯了页脚

我做错了，请帮忙

谢谢

Answer 1

我解决了

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

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

带溢出：隐藏在包含div中