對齊的div-2

Question

的相對邊緣我希望的綠色框撒謊立即左下紅頭始終，即使用戶放大和縮小網頁。

演示：http://jsfiddle.net/BvQcx/

現在，我想要一些利潤率左屬性被賦予綠色框。或者紅色盒子總是在中心。有人可以爲我提供一個jsfiddle解決方案嗎？該解決方案必須是基於div的佈局。

類似的問題：Aligning opposite edges of divs

      |Red Box| 
       |Green Box| 

Answer 1

將紅色方框內div綠框，但要position: absolute。然後按住Shift鍵它留下的綠色框的寬度：

HTML：

<div class="header">This is the header. 
    <div class="leftSection">This is the left section</div> 
</div> 

CSS：

.header { 
    margin:0px auto; 
    width:100px; 
} 
.leftSection { 
    position: absolute; 
    width: 100px; 
    left: -100px; 
} 

小提琴：http://jsfiddle.net/BvQcx/1/