HTML并排DIV定位

Question

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

它显示了我正在尝试实现的布局。 到目前为止，一切都很好，但是我遇到了障碍。 我想在居中的div上并排放置两个div，高度为77px。 他们需要保持宽度，以始终触摸屏幕边缘和中心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/
Fullsrcreen结果： http : //jsfiddle.net/GFsgq/32/embedded/result/

Answer 2

我会添加与位置：相对；跨越屏幕thth dith的父div。 对两个子div使用position：absolute; 并放置一个右：0px； 另一个左：0px； 我不确定您要如何分配宽度，如果还有其他问题，请回来。