我有一个background-image用于将页面页脚与主要内容分开。在比页面支持的min-width宽的浏览器窗口中查看时,它显示良好。但是,如果将窗口调整为较窄的尺寸,则图像会相对于主体向右推。

它在宽浏览器窗口中的显示方式:



如何在狭窄的浏览器窗口中显示:



我是否可以设置主体内容,而不是向右推紧窗口的左侧,而是在狭窄的浏览器窗口中查看时保持30像素的边距?

如果CSS有用,则该页面为实时here

最佳答案

是的,您应该给<body>一个min-width。在您的网站上,略高于1000的数字对我有用,但我没有确切的价值。色带的确切宽度。

-编辑-

功能区(1000px)+边框(2 * 1px)= 1002px,应该这样做。

关于css - 在狭窄的页面上向右推背景图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3676594/

10-11 14:36