CSS：浮動小数点の右側にdivを配置します。右

Question

こんにちはスタックオーバーフローコミュニティ。私は2 動的 divsを持っています。しかし、私は、HTMLの最後のdivが最初のdivよりも右側にあることを望みます。私の問題は、私はHTMLだけを変更することはできません、CSSだけです。

これはページ間のナビゲーションに使用されるため、両方のdivを表示することも、1つだけ表示することもできます。たとえ1つのdivしか持っていないとしても、コンテナの右側に配置する必要があります（そのため、浮動小数点を使用したかったのです）。

ここであなたがよりよく理解するためのjsfiddleです：http://jsfiddle.net/Cthulhu/yVCDZ/1/

私は「次」が「前」の後に表示されるようにします。前もって感謝します。

Answer 1

代わりにフロートの、display:inline-block;を使用して、コンテナのtext-align:right;

を設定するIあなたのフィドルを更新しました：http://jsfiddle.net/mestekweb/yVCDZ/2/

少なくとも、あなたはそれを始めるべきです。

ps - IE <に問題がある可能性があります。

Answer 2

私が理解しているように、それはあなたが望むかもしれません。 方向とディスプレイを使用できます。インラインブロック。

チェックこのhttp://jsfiddle.net/yVCDZ/3/

&他の代替た仕事はすべてのブラウザであり

チェックこのhttp://jsfiddle.net/yVCDZ/8/

Answer 3

クイック更新による測位：

#container { 
    width:300px; 
    height:70px; 
    border:1px solid black; 
    position: relative; 

} 

#previous { 
    width:70px; 
    height:70px; 
    background:gold; 
    position: absolute; 
    right: 70px; 
} 

#next { 
    width:70px; 
    height:70px; 
    background:lightblue; 
    position: absolute; 
    right: 0; 
}