GridView 100％浏览器宽度，带水平滚动

Question

<div style="height: 400px; width 100%; overflow: scroll;">
    <GridView>
    </GridView>
</div>

我正在使用上面的代码。我希望gridview是浏览器的宽度，但有一个水平滚动条可以滑过以查看其余列（而不是浏览器滚动条）。高度完美。它高400像素，并且在gridview上有一个垂直滚动条以查看其余行，但gridview比浏览器更宽，并且没有滚动条。浏览器改为有一个滚动条。

找到了一些解决方案，但它们对我不起作用，例如为gridview添加宽度并使用固定宽度，但我希望它可以缩放到浏览器宽度。

希望有人能给我一个有效的解决方案。

Answer 1

如果你将position:relative添加到你的div容器然后绝对定位网格视图，你应该达到你想要的效果

Example

Answer 2

试试这个

<div style="overflow-x:auto;width:800px;height:400px">
<GridView>
    </GridView>
</div>