div固定宽度的背景

Question

我正在寻找一种方法来给div一个固定宽度的背景。 特别是我希望div有一个5像素的单色背景（没有百分比，没有渐变），div的其余部分是透明的。在这种情况下，我不想使用边框！

Answer 1

enter link description here您可以使用伪元素然后设置样式。使它宽5px，高度为100％，以确保它覆盖整个区域。

请参阅this fiddle。

.bg {
    height: 100px;
}

.bg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background-color: blue;
}