css - HTML并排DIV定位

Question

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

它显示了我想要实现的布局。到目前为止一切顺利，但我遇到了障碍。我想将两个高度为 77px 的 div 与居中的 div 并排放置。他们需要保持宽度以始终触摸屏幕边缘及其中心 div。我不确定如何用我有限的 CSS 知识来做到这一点，没有随机添加属性。

她是一张可以帮助您理解的图片：http: //i49.tinypic.com/2ntz34n.png 蓝色条是我希望 div 所在的位置。我如何实现这一目标？

score 1 · Accepted Answer

你需要在你的 CSS 中添加这个：

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

score 0 · Accepted Answer

我会添加父 div 跨越屏幕的 thw dith 位置：相对；并对两个子 div 使用 position:absolute; 并向右定位：0px；另一个左边：0px；我不确定你想如何分配宽度，如果你有任何其他问题然后回来。

2 回答 2