HTML并排DIV定位

Question

考虑这个JSFiddle：http://jsfiddle.net/GFsgq/5/（你可能需要缩小一点）。

它显示了我正在尝试实现的布局。到目前为止，它一直没有问题，但我遇到了障碍。我想在居中的div中并排放置两个高度为77px的div。他们需要保持宽度以始终触摸屏幕边缘及其中心div。我不知道如何用我对CSS的有限知识来做到这一点，而不是随意添加属性。

她的照片可以帮助您理解：http://i49.tinypic.com/2ntz34n.png 蓝色条带是我想要div的地方。我如何实现这一目标？

Answer 1

您需要在CSS中添加：

header:after {
  content: "";
  display: block;
  background-color: blue;
  width: 100%;
  height: 80px;  
}

jsFiddle：http://jsfiddle.net/GFsgq/32/
全屏结果：http://jsfiddle.net/GFsgq/32/embedded/result/

Answer 2

我会添加父级div，跨越屏幕的dith，位置为：relative;和两个孩子的div使用位置：绝对;和位置一：0px;而另一个：0px;我不确定你要如何分配宽度，如果你有任何其他问题然后再回来。