0

我想知道是否有办法解决我在使用 IE7 时遇到的滚动条问题。

这是我的CSS：

.gridContainer {
    height: 500px; 
    width: 410px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #6699CC;
}
.Grid {
    width: 100%;
    background-color: #fff;
}
.Grid td {
    height: 13px;
    min-width: 30px;
    padding-left: 5px;
    text-align: left;
    border-top: 1px solid #C4DDFF;
}
.GridHeader {
    font-weight: bold;
    height: 20px;
    min-width: 30px;
    padding-left: 10px;
    text-align: left;
    background-color: #F0F0F0;
    border-bottom: #999;
}

这是HTML：

<div class="gridContainer">
    <asp:GridView ID="GridView2" runat="server" GridLines="None" CssClass="Grid"  AutoGenerateColumns="False"
        AllowSorting="True" onsorting="GridView2_Sorting">
        <RowStyle CssClass="GridItem" />
        <Columns>
            <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="chkSelect" runat="server" />
            </ItemTemplate>
            <HeaderTemplate>
                <asp:CheckBox ID="chkSelectAll" runat="server" onclick="SelectAll2(this);" />
            </HeaderTemplate>
        </asp:TemplateField>
            <asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True"
                SortExpression="Name" />
            <asp:BoundField DataField="Position Type" HeaderText="Position Type"
                SortExpression="Position Type" />
        </Columns>
        <HeaderStyle CssClass="GridHeader" />
        <AlternatingRowStyle CssClass="GridAltItem" />
    </asp:GridView>
</div>

它在其他浏览器中运行良好，但由于某种原因在 IE7 中无法运行。

为澄清而编辑：

这就是我想要完成的事情：有div一个固定的width，height并且里面有一个gridview. 如果gridview的宽度或高度超过 的固定大小div，我希望滚动条出现在div.

4

1 回答 1

0

在您的 .gridContainer 类中设置溢出：滚动；

如果内部内容增长超过其设置的宽度或高度，这将向 div 添加滚动条。

于 2009-05-05T03:17:33.550 回答