DIVをCSSで囲む方法DIVをCSSで囲む方法

Question

以下のようなコードでは、content div内のcontent-meta-wrapperをTOP RIGHTコーナーに配置してから、content divの周りを囲むようにコードを表示できますかそれはイメージの中で好きですか？画像をPhotoshopで周りにいくつかのものを動かすことで、今、私のサイトがどのようにあるので、ピンクのハイライトは、

<div id="content"> 
    all the content you see except the Half BOX in the right hand side 


    <div id="content-meta-wrapper"> 
    <div id="content-meta> 
     The right that is aligned at the TOP RIGHT of the content diva 
    <div> 
    <div> 

</div> 

私はちょうど画像からソースを表示することができない理由は、あるcontent-meta-wrapper div要素であります

Answer 1

コンテンツ<div>の内部にマークアップされていると仮定すると、float: right;を渡す必要があります。そのトリックを行う必要があります。

私はThis Exampleで使用されるコードは以下の通りです：

#container { /* Pure Looks */ 
    margin: 5px; 
    padding: 5px; 
    border: 1px solid black; 
} 
#floated { 
    height: 100px; 
    width: 100px; 
    float: right; /* This is what counts!! */ 
    background: red; 
} 

が、これはAwesome Article about Floats - by Chris Coyer of css-tricks.com

Answer 2

あなたはCSSルールを使用する必要があります参照してください

フロート：左;

float：right;

これらはdivを適切な位置に揃えて、整理してdivの幅を確保します。