2

请查看此网站：

http://www.imageworkz.asia/cranium

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

有想法该怎么解决这个吗？谢谢！

4

4 回答 4

1

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

于 2012-05-30T06:18:48.010 回答
0

我没有看到问题，但如果您希望调整标题大小，我建议使用媒体查询根据屏幕大小进行调整。

媒体查询示例

于 2012-05-30T06:15:42.150 回答
0

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

<div id="container" style="display: block; float: left">
于 2012-05-30T06:27:28.770 回答
0

您需要对'body'元素使用 CSS3 多个背景图像，然后使用 CSS3 PIE 使其在 IE 中工作http://css3pie.com/documentation/supported-css3-features/#pie-background

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);
}

记住-pie-background是相对于 HTML，而不是 CSS 这肯定会解决你的问题。

于 2012-05-30T06:28:02.783 回答