将流体布局延伸到一侧

Question

图像我有一个具有固定宽度列的布局，该列位于屏幕的中心。此布局有一个标题栏，为简单起见，它有一个固定的高度。

是否可以让标题栏保持原位，但看起来它一直延伸到窗口边缘？

让我们说标题栏有蓝色背景，高50px。因此，列右侧的区域还应显示一个蓝色背景和高度为50px的条形图。

Answer 1

我发现唯一可行的解​​决方案是使用JS。

获取窗口宽度，标题宽度和绝对位置超宽div，使其与标题的末尾匹配。然后添加一个resize事件处理程序（最好去抖动）以根据需要调整位置。

这不是我希望的解决方案。任何替代（CSS）解决方案都非常受欢迎。