어떻게 3 수직 divs 내부 달성 <header>

Question

도와주세요! 머리글 태그 안에 3 개의 수직 div를 만드는 방법. 헤더를 상대적으로 정의하고 각 div를 절대로 정의했습니다. 0과 오른쪽 : 0
DIV2 :. (! 여기 도와주세요) 설정 값을 오프셋 확실하지 div3 : 상단으로 오프셋 값을 설정 : 내부 div의

• div1를 들어 설정 0과 오른쪽 : 맨 아래로 오프셋 값을 0

입력 여기

<!--html code --> 
<header id="divhead"> 
     <div id="logo"></div> 
     <div id="links"></div> 
      <div id="social_links"></div> 
     <div id="navigation"></div> 
</header> 

/* css */ 
#divhead{ 
    width:960px; 
    height:96px; 
    margin-bottom:1em; 
    background:yellow; 
    opacity:.5; 
    margin:0 auto; 
    position:relative; 
} 
#logo{ 
    width:240px; 
    height:94px; 
    background: url(images/ss_logo_transparent_text.png)no-repeat;/*image width:230.4px/image height:43.2*/ 
    border:1px solid #000; 
    position:absolute; 
    float:left; 
} 
#links{ 
    width:715px; 
    height:22px; 
    border:1px solid #000; 
    position:absolute; 
    top:0; 
    right:0; 
    background:green; 
    opacity:.5; 
} 
#social_links{ 
    width:715px; 
    height:20px; 
    border:1px solid #000; 
    position:absolute; 
    right:0; 
    background:blue; 
    opacity:.5; 

} 
#navigation{ 
    width:715px; 
    height:50px; 
    border:1px solid #000; 
    position:absolute; 
    bottom:0; 
    right:0; 
    background:#888; 
    opacity:.5; 
} 

Answer 1

난 당신이 마일 것을 이해 코멘트에서 코드 this