Css 为什么我的gridview标题在定位时会收缩？

资料来源：

我已经创建了一个CSS类，用于修复引导面板中的标题

CSS

.FixedHeader {
   position: absolute;
   font-weight: bold;
   background-color:aquamarine;
} 

ASP.NET GridView

<div class="panel-body" style="overflow-y:scroll;">
<asp:GridView ID="myGridView" runat="server" Width="560px" 
                                class="table table-hover table-bordered" 

                                align="center" HeaderStyle-Wrap="true" 
                                HeaderStyle-CssClass="FixedHeader"
                                > 

您可以在左侧看到三列标题。。。标题列的大小将缩小

更新

下面是我将
width:100%
放入header css类时的结果

请尝试添加100%的标题。
我添加了。我原以为它需要100%的asp:gridview，但它会穿过右侧的boostrap面板…不是个好主意…请参见上图