设置HTML页面的正确方法是什么，以便在页面水平滚动时div的背景颜色会扩展以填充窗口？例如，假设我有一个扩展超出窗口宽度的宽数据表。如果用户向右滚动以查看所有数据，我希望页眉和页脚中的背景颜色显示而不是被截断。我不想阻止页面水平滚动或为我的内容设置固定宽度。我不想设置position：fixed因为我不希望这些div总是在视口中。
如果你是从头开始一个页面而你只有三个div（＃header，＃content和#footer），你会如何设计它以使页眉和页脚的背景颜色始终可见，即使#content div的高度和宽度是否变化？