请查看此网站:
http://www.imageworkz.asia/cranium
尝试将窗口调整到小到出现水平滚动条的程度。将水平滚动条向右拖动,问题就出现了。页眉和页脚似乎没有相应调整。在 css 中,页眉和页脚元素具有 100% 的宽度。
有想法该怎么解决这个吗?谢谢!
请查看此网站:
http://www.imageworkz.asia/cranium
尝试将窗口调整到小到出现水平滚动条的程度。将水平滚动条向右拖动,问题就出现了。页眉和页脚似乎没有相应调整。在 css 中,页眉和页脚元素具有 100% 的宽度。
有想法该怎么解决这个吗?谢谢!
这就是 100% 宽度的工作原理。元素的宽度与父元素相同,并且由于有滚动条,因此它比页面窄。
我没有看到问题,但如果您希望调整标题大小,我建议使用媒体查询根据屏幕大小进行调整。
您的文章元素具有固定宽度,因此当容器缩小时它会溢出容器。您可以尝试浮动您的容器 div,这应该确保它不会缩小。
<div id="container" style="display: block; float: left">
您需要对'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
这肯定会解决你的问题。