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

Question

http://fiddle.jshell.net/v5sc9/

我试图在页面右侧结束前将白色大约10px结束。我尝试了几件事，但由于层次的原因，我不确定如何使这项工作。帮助

Answer 1

无需复杂化：

在叠加层上：

margin-right: 20px

由于左侧10px偏移，

20px而不是10px。

以编码方式删除left: 10px和margin-right: 20px替换为margin: 0 10px会更好看。

Answer 2

#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;
}​

Answer 3

你可以用“宽度”和“左”的百分比来做。 我修改了你的例子，容器现在有相同的边距（不是10px硬）：

http://fiddle.jshell.net/3bbg8/