html - 右对齐的背景图像不遵循主体最小宽度

Question

我创建了一个带有右手列的布局，并添加了一个人造列背景以在高度方向上填充整个浏览器视口(viewport)。 body 标记定义了 1024px 的最小宽度，但是尽管将浏览器的大小调整到小于该值将防止整体布局进一步缩小，但背景继续跟随浏览器的视口(viewport)。我怎样才能防止这种情况发生？

不正确:

正确:

CSS:

    body {
    color:#1a1a1a;
    background:#fafafa;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    min-width: 1024px;
    }
    div#page-container {
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -42px;
    }
    .sidebar-right {
    background: url(/bundles/backomaticcp/img/sidebar-bg-r.gif) repeat-y right; 
    }

提前谢谢你。

Answer 1

显然，我有一个 id 为“page”的 div，它位于 div#page-container 中，它继承了背景。我所要做的就是在 div#page 中将背景设置为无，一切都很好。