助けてください!ヘッダータグ内で3つの垂直divを実現する方法。ヘッダーを相対として定義し、div内の各ヘッダーを絶対として定義しました。 内部divの場合
- div1:オフセット値をtop:0およびright:0として
設定しますdiv2:設定するオフセット値がわかりません(ここで助けてください!)div3:オフセット値をbottom:0およびright: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;
}