CSS - 将div与屏幕边缘对齐

Question

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

左边的div是位置：固定，因为我希望它在页面滚动时保持原位。背景中的线条代表背景图像。

我要做的是创建一个从固定div侧面到屏幕左侧的条形图，所以它看起来像这样：

有没有办法实现这个目标？通常我会使用某种背景图像黑客，但我已经在div后面有一个背景图像，这样就行不通了。

Answer 1

你可以试试这个：

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

如果您想将它放在右侧（在元素之后），还有另一种选择：

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

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