分層CSS - 如何限制第二層

Question

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

我想在頁面的右側年底前結束有關白上10px的背景。我嘗試了幾件事，但我不確定如何使這個工作，因爲層。幫幫我？

Answer 1

你可以用基於「寬度」和「左」的百分比來實現。 我修改你的榜樣，現在容器具有相等的利潤（不10px的韌）：

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

Answer 2

沒有必要使其複雜化：

在覆蓋：

margin-right: 20px 

20px，而不是10px，因爲左側的偏移量爲10px。

按照代碼方式，刪除left: 10px和margin-right: 20px將其替換爲margin: 0 10px看起來會更好。

Answer 3

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