CSS3ディスプレイ：table-cell＆float？

Question

display:tableと& divに設定された長いdivコンテナがdisplay:table-cell; vertical-align: middleに設定されています。

私は垂直方向の配置の結果には本当に満足している、しかし：私は、私はそれらのいずれかが非常に右側になりたい

、これらの3つのdivの幅を知らない

• divコンテナの側（もちろんパディングなし）、
• float: rightはdisplay: table-cellで動作しません。

ここでは、例を示します（黄金のdivを右側に浮動させたい）。私はJSを使うことはできません。私はIE7 +、IE7 +では不可能ならIE8 +で動作する必要があります。ヒント/アイデアは？

http://jsfiddle.net/cZ7Th/2/

Answer 1

これはIE7または8で動作するかどうか、私は知りませんが、私はwidth: 1px、width: autoとwhite-space: nowrapを組み合わせることで、これを行っています。テーブルレイアウト内のすべてのセルを1ピクセル幅で定義しますが、折り返しを防止します。次に空のパディングセルを右に浮かせるセルの前に追加します。

http://jsfiddle.net/wZ96P/

少なくとも、クローム、オペラ、Firefox、およびIEの最近のバージョンで動作するようです。この垂直方向の整列がうまくいかないために

Answer 2

：

<div style="display: table-cell; vertical-align: middle; float: right">...</div> 

しかし、このために、それは私の作品：

フレキシボックス用

<div style="float: right"> 
    <div style="display: table-cell; vertical-align: middle">...</div> 
</div> 

Answer 3

When float!=none then display = block