html - css：将 div 附加到居中的 div

Question

我有一个居中的 div，想知道如何在其右侧附加一个 div，顶部有一个标题 DIV，然后是黄色居中的 DIV 和我想在右侧附加的这个社交共享 DIV。

谢谢！！！

Answer 1

将其添加到黄色 div 中，并将其定位如下：

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

Answer 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 */
}

Answer 3

演示

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; }

​</p>

Answer 4

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