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

화면의 부모 div를 position : relative로 추가합니다. 두 개의 하위 divs position : absolute; 위치 1 : 0px; 다른 왼쪽 : 0px; 너가 다른 문제가 있으면 너가 너의 폭을 분배하고 싶으면 어떻게에 관해서 나는 확신하지 않는다.