Css 如何在内部实现3个垂直分区<；标题>；

请帮忙！如何在标题标签内实现3个垂直div。 我将标题定义为相对，将每个div内的标题定义为绝对。 用于内部div

• div1：将偏移值设置为top:0和right:0
  div2：不确定要设置什么偏移值。（请在此帮助！） div3：将偏移值设置为底部：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;
}   

/*css*/
#龙头{
宽度：960px；
高度：96px；
边缘底部：1米；
背景：黄色；
不透明度：.5；
保证金：0自动；
位置：相对位置；
}
#标志{
宽度：240px；
高度：94px；
背景：url（images/ss_logo\u transparent_text.png）不重复；/*图像宽度：230.4px/图像高度：43.2*/
边框：1px实心#000；
位置：绝对位置；
浮动：左；
}
#链接{
宽度：715px；
高度：22px；
边框：1px实心#000；
位置：绝对位置；
排名：0；
右：0；
背景：绿色；
不透明度：.5；
}
#社交网络链接{
宽度：715px；
高度：20px；
边框：1px实心#000；
位置：绝对位置；
右：0；
背景：蓝色；
不透明度：.5；
}
#航行{
宽度：715px；
高度：50px；
边框：1px实心#000；
位置：绝对位置；
底部：0；
右：0；
背景：#888；
不透明度：.5；
}   

从评论中我了解到您可能正在寻找类似的内容

您是否希望有3列，每个div都是自己的列？嗨，Shane，谢谢您的帮助。我有一个标题框。其中我想要3行（垂直方向3个div）