中心divの右にdivを配置しますか？

Question

私のページの中央にある<div>がありますが、センターボックスの右側にあるdivを追加する必要があります。cssでこれを行うことはできますが、溶液。

ですから、例えば

div#container { 
    margin-left: auto; 
    margin-right: auto; 
    width: 396px; 
    display:block; 
    margin-top: 110px; 
} 

のために、私は必要なのdivはちょっとと同じでしょうか？しかし、すでにそこにあるdivをクリアするために+ 396pxを使用していますか？これは可能ですか？

Answer 1

あなたはfloat cssプロパティを探しています。

http://www.w3schools.com/css/pr_class_float.asp

<div> 
    <div style="float:left"> Lorem Ipsum</div> 
</div> 

Answer 2

ポジション#container相対、絶対に#inner。

div#container { 
    margin-left: auto; 
    margin-right: auto; 
    width: 396px; 
    display: block; 
    margin-top: 110px; 
    position: relative; 
} 

div#inner { 
    position: absolute; 
    right: 0px; 
} 

Answer 3

右側の右のdivをフロートします。 div#containerの前にあなたのhtmlにあることを確認してください。

div#container { 
    margin:100px auto 0; 
    width: 396px; 
    height:396px; 
    margin-top: 110px; 
    background-color:#ccc; 
} 
div#right { 
    float:right; 
    width:200px; 
    height:200px; 
    background-color:#c6c; 
} 


<div id="right"></div> 
<div id="container"></div>