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

Question

我使用右手栏创建了一个布局，并且我添加了一个虚拟列背景以在高度上填充整个浏览器视口。 body标签的最小宽度定义为1024px，但是尽管将浏览器的大小调整为小于此值将阻止整体布局进一步缩小，但背景将继续跟随浏览器的视口。我怎样才能防止这种情况发生？

不正确：

正确：

的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中将背景设置为none，一切都很好。