- 第三divがここで最初の2

Question

が、私は問題を示すために作成jfiddleであるよりも低いです：

http://jsfiddle.net/ew3nD/

コードを編集してください私の例と同じ構造を持たない限り、最初から新しい例を作成しないでください。

Answer 1

あなたは解決策があります。これはhttp://jsfiddle.net/ew3nD/5/

HTML

<div class="paging-toolbar"> 
    <div id="right"></div> 
    <div id="left"></div> 
    <div id="center"></div> 
</div> 

CSS

.paging-toolbar { 
    width: 100%; 
} 
.paging-toolbar div{ 
    height:100px; 
    width:100px; 
} 
#right 
{ 
    float: right; 
    background:#f00; 
} 
#left 
{ 
    float: left; 
    background:#f00; 
} 
#center 
{ 
    background:#f00; 
    margin: 0 auto; 
}​ 

（私はあなたのコードビットをクリーンアップ）

Answer 2

右のdivを最初に左上と中央に配置します。ここで

<div id="right" style="height:100px; width:100px"> 

</div> 

    <div id="left" style="height:100px; width:100px"> 

</div> 

    <div id="center" style="height:100px; width:100px"> 

</div> 

Answer 3

を異なるアプローチでは、margin: 0 autoと浮動小数点数に頼るのではなく、position: absoluteを使用できます。あなたがしようとしているものは明らかでないときに助けてハード

#container { 
    position: relative; 
    width: 100%; 
} 
.box { 
    height: 100px; 
    width: 100px; 
    background: red; 
    display: inline-block; 
} 
.b1, .b2, .b3 { 
    position: absolute; 
} 
.b2 { 
    left: 50%; 
    margin-left: -50px; /* width 100/2 */ 
} 
.b1 { left: 0; } 
.b3 { right: 0; }