这是我的代码运行：
这是非常简单的代码，但是当您将预览窗口缩小并向右滚动时，您可以看到该错误。页眉和页脚栏（橙色和蓝色）不会一直延伸。
我尝试了一些东西而无法修复它。有谁知道解决这个问题？
答案 0 :(得分：2)
的 Live demo 的
您好现在在您的页面min-width中定义
就像这样
在css中添加此stylesheet并查看演示
................
body{
min-width:900px;
}
<强> live demo
答案 1 :(得分：1)
页眉和页脚栏（橙色和蓝色）不会一直延伸。
这是由于您分配的width声明不同：header width: 100%; #main（按当前可见视口的宽度计算）和width: 900px;你有{{1}}的元素（页脚没有指定宽度，但作为块元素，默认宽度为100％）
根据您想要获得的布局，使用相同的宽度（100％或900px）