Question

我想知道是否有办法解决我在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上。

Answer 1

在.gridContainer类中设置overflow：scroll;

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

IE7不会自动显示滚动条？

1 个答案: