1

这是我运行的代码：

http://jsfiddle.net/HMsKa/60/

这是相当简单的代码，但是当您将预览窗口缩小并向右滚动时，您可以看到错误。页眉和页脚栏（橙色和蓝色）不会一直延伸。

我已经尝试了一些东西并且无法修复它。有谁知道解决这个问题？

4

2 回答 2

2

现场演示

嗨，现在在您min-width的页面正文中定义

像这样

将此添加css到您的stylesheet并查看演示

......

body{
min-width:900px;
}

现场演示

于 2012-10-11T10:11:52.980 回答
1

页眉和页脚栏（橙色和蓝色）不会一直延伸。

这是由于width您分配了不同的声明：对于header您拥有的width: 100%;（计算为当前可见视口的宽度）和对于#main您拥有的元素width: 900px;（页脚没有分配宽度，但作为块元素，其宽度为 100%默认）

只需根据您想要获得的布局使用相同的宽度（100% 或 900px）

于 2012-10-11T10:11:07.987 回答