Html 分层css-如何限制第二层的背景

---

我试着在页面右侧结束前10像素左右结束白色。我已经尝试了一些方法，但我不确定如何使它工作，因为层。帮助？

您可以使用基于百分比的“宽度”和“左侧”来完成。 我修改了您的示例，容器现在具有相等的边距（不是10px）：

---

无需将其复杂化：

在覆盖图上：

margin-right: 20px

由于左侧的10px偏移，因此为20px而不是10px

代码方面，删除

left:10px

和

margin right:20px

将其替换为

margin:0 10px

看起来会更好

#background {
    background-repeat:repeat-x;
    position:relative;
    z-index:1;

}
#overlay {
    position:relative;
    top:-100px;
    margin-right:20px;
    left:10px;
    z-index:10;
    background-color:#FFFFFF;
}​