css:将div附加到Centered div

时间:2012-07-23 21:17:40

标签: html css css3 css-float

我有一个居中的div,想知道我怎么能在右边附上一个div, 有一个标题DIV在顶部,然后黄色为中心的DIV和这个社交分享DIV我想在右边附上。

谢谢!!!

image of my divs

4 个答案:

答案 0 :(得分:2)

将其添加到黄色div中,并按如下方式定位:

#yellowdiv { position: relative; }
#sidebar { position: absolute; left: 790px; top: 10px; }

答案 1 :(得分:2)

使用黄色div作为棕色div的父元素是完全可行的;社交数据是视频的所有相关信息。在这种情况下,如果需要,请使用以下内容:

#video {
 position: relative;
}

#brown {
 position: absolute; top: 0; left: 100%; /* this guarantees that it'll line up at the very end of #video */
}

答案 2 :(得分:1)

演示

http://jsfiddle.net/KXvpV/1/

代码

<强> HTML

<div id="one"></div>
<div id="two">
    <div id="social"></div>
</div>

<强> CSS

#social { position: relative; top: 20px; right: -201px; }

答案 3 :(得分:0)

尝试制作黄色div位置:relative,将侧边栏div放入其中并使其位置:绝对值为top:0和right:-XXX其中XXX是侧边栏的宽度加上您需要的边距。< / p>