如何用CSS反转元素位置？

Question

这里有点老问题，我已经阅读了20多篇不同的文章，并且已经提醒过这个问题有多难。如果有答案，请发布或指向我。

这是我想要实现的目标：http://jsfiddle.net/6xuSp/

要求：

• 垂直居中的内容框（left和right）
• 左侧声明的元素显示在右侧
• 没有声明高度（内容框可以包含可变内容，是的，我在上面的小提琴中的内容框中声明了一个高度，只是为了显示居中）
• 没有Javascript
• 支持所有主流浏览器（IE8 +，7很好地显示是理想的，6不是问题）

除了2个内容框的反转之外，上面的小提琴几乎可以做我想要的。我已经使float属性无效，因为它们取消了垂直对齐。我不介意我们是否使用浮动（或其他CSS技术），只要我们能够满足上述要求。

欢呼声， d

Answer 1

这就是你要追求的吗？

Demo

Answer 2

我认为这个小提琴符合你的要求：

http://jsfiddle.net/6xuSp/37/

我没有反转订单，而是使用z-index将右侧框放在顶部。