对齐的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/