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

Question

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

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

Answer 1

无需复杂化：

在叠加层上：

margin-right: 20px

由于左侧有 10px 偏移，所以 20px 而不是 10px。

Codewise，删除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/