水平展开div＆amp;靠右

Question

我正在编写一个两列布局（总宽度为980像素），这将使列中每个div的背景一直向左/右侧扩展，请参阅screenshot。

所以在左侧我有一个带有width: 49%的蓝色div，里面是带文字的div，应该展开到470px（以保持文字在整体{{1}中对齐} div），并在视口变小时缩小（screenshot）。

有没有一种方法可以保持div扩展，就像来自photoshop的屏幕截图一样，但也在父母蓝色div中对齐？我使用max-width: 980px和float:right得到的是this :(

Answer 1

基本上，您希望将您的div右对齐蓝色div。 使用此：

<强> HTML

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

<强> CSS：

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