gridView滚动条相关问题

GridView本身没有滚动条,要想出现,它必须依靠承载它的container, 这个container可以是body,即IE,也可以是div,panel等。

<div style="overflow: scroll; height: 140px; 100%">
        <asp:GridView ID="GridView1" runat="server" EnableModelValidation="True"
            AutoGenerateColumns="False" Width="100%">
            <Columns>
                <asp:BoundField DataField="c1" HeaderText="c1">
                <HeaderStyle Width="10px" Wrap="False" />
                <ItemStyle Wrap="False" />
                </asp:BoundField>

           </Columns>
        </asp:GridView>
    </div>

对于css box来讲,一个element在渲染的时候(Render), 它是由margin, border, padding和content area组成。margin是透明的,没有background. padding会被background所影响。当你在编写html的时候指定element的width, height的时候,只是指明content area.并没有包括element的margin, boder, padding.

如下element为300px宽

250px;
padding:10px;
border:5px solid gray;
margin:10px;

有一点要注意, IE8以前的版本视border和padding为width中的一部分,要解决这个兼容性问题,必须指明doctype.如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html>
< head>
< style type="text/css">
div.ex
{
220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
< /style>
< /head>
原文地址:https://www.cnblogs.com/sdikerdong/p/2492260.html