Javascript 收割台不符合100%宽度

请访问此网站：

尝试调整窗口的大小，使其小到显示水平滚动条的程度。将水平滚动条向右拖动，问题就会出现。页眉和页脚似乎没有相应地调整。在css中，页眉和页脚元素的宽度为100%

---

有没有办法解决这个问题？谢谢

我看不出有什么问题，但是如果您想调整标题的大小，我建议使用媒体查询根据屏幕大小进行调整

---

这就是100%宽度的工作原理。元素的宽度与父元素相同，并且由于有滚动条，因此比页面窄。

您的文章元素具有固定的宽度，因此当容器收缩时，它会溢出容器。您可以尝试浮动容器div，这样可以确保它不会收缩

<div id="container" style="display: block; float: left">

---

您需要将CSS3多个背景图像用于

'body'

元素，然后使用CSS3饼图使其在IE中工作

记住

-饼图背景
是相对于HTML的，而不是相对于CSS的
这肯定会解决您的问题。
所有这些答案（部分）都是正确的，但应用这些修复仍然会导致您提到的错误。您的基本问题是导航（和祖先）元素没有扩展到巨大中心图像的宽度和位置。有很多因素,，但对我来说，可疑的部分是应用于
img
@AJ Naidas的前缀原点转换。我已经看到了你的标记，在你的代码中有很多东西需要更改，所以请从上到下一步仔细检查，你会很顺利地得到结果。由于时间不够，我无法给出解决方案，所以不难看到在带有徽标面板id的标题中，你应该在标题中使用float和position absolute，并在标题中使用position，使徽标面板的父级具有margin auto等功能。。所以你有很多事情要做。。。。
body{
    background: url("/cranium/img/2 MAIN/bg.jpg") repeat 0 40px, url(headerbg.png) repeat-x left top, url(footerbg.png) repeat-x left bottom;
    -pie-background: url("/cranium/img/2 MAIN/bg.jpg") repeat 0 40px, url(headerbg.png) repeat-x left top, url(footerbg.png) repeat-x left bottom;
    behavior: url(PIE.htc);
}