html - css: div を Centered div にアタッチする

Question

中央の div があり、右側に div を添付する方法を考えていました。上部にタイトル DIV があり、次に黄色の中央 DIV と、右側に添付したいこの SOCIAL SHARING 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 を position:relative にしてみてください。サイドバー div をその中に配置し、position:absolute にして、top:0 と right:-XXX の値を指定します。ここで、XXX はサイドバーの幅に必要な余白を加えたものです。