css - 在带有水平滚动条的页面上具有全宽的 Div

Question

我有一个页面，顶部有一个标题，下面有一个表格(用 asp.net gridview 呈现)，它水平延伸到页面可见区域的右侧，如下图所示:

如您所见，div(蓝色标题)仅拉伸(stretch)到页面的可见宽度，而不是包含水平滚动条的页面的整个宽度。
是否可以通过 css 拉伸(stretch) div 以包括页面的整个宽度，包括滚动条？

CSS:

<style type="text/css"> .queryHeader { background-color: #003163; color: #ffffff; font-family: Arial; Font-size: 11px; font-weight: bold; border-style: double; margin-bottom: 10px; padding: 2px; display: block; overflow: hidden; } </style>

谢谢，
视频

Answer 1

用一个 div 扭曲 div+Table 。