CSS - 将 div 对齐到屏幕边缘

Question

我有一个固定宽度的布局，它非常简单，看起来像这样:

左边的 div 是 position:fixed，因为我希望它在页面滚动时保持在原位。背景中的线条表示背景图像。

我想做的是创建一个从固定 div 的一侧到屏幕左侧的栏，所以它看起来像这样:

有什么办法可以实现吗？通常我会使用某种背景图片 hack，但我已经在 div 后面有一个背景图片，所以它不起作用。

Answer 1

你或许可以试试这个:

fixed-div:before {
    content: url(bar.gif);
}

如果您想将它放在右侧(在元素之后)，还有一个替代方案:

fixed-div:after {
    content: url(bar.gif);
}

不过，请注意 IE6 和 IE7 不支持 :before 和 :after 伪类选择器。