水平地展开div并保持正确

Question

我编码的两列布局（总共980像素的宽度）将使列中的每个div的背景都扩展到左侧/右侧，请参阅screenshot。

所以左边我有一个蓝色的分度width: 49%，里面是格文本，这应该扩大到470px（以保持整体max-width: 980px格对齐文本），并缩减当视越来越较小（screenshot）。

有没有一种方法可以让div在photoshop的屏幕截图上得到扩展，而且还可以在父级蓝色div中对齐？我所用float:right和max-width: 470px得到的是this :(

Answer 1

所以基本上，你要右对齐您div蓝色div 使用这里面：

HTML

<div id="someid"> 
    <p>Some text here</p> 
</div> 

CSS：

#someid { 
    margin-left : auto; 
    margin-right : 0; 
}