css 大师 : how to swap too spans (inline-block, 没有固定宽度)？

Question

我有太多跨度

<span class="in_bl right">Right</span>
<span class="in_bl left">Left</span>

在 css 的帮助下用户应该看到“Left Right”。

在 html 中，“Right”应该在“Left”之前，这样 strip_tags() 会导致“Right Left”。

这是我对 float http://jsfiddle.net/2SGCb/12/ 的尝试但在 IE 中向右浮动会导致问题:父级扩展到全部可用宽度。

欢迎就如何交换内联 block 跨度提出任何建议。预期输出为 http://jsfiddle.net/2SGCb/12/在所有浏览器中看起来都不错(“Start Left Right End”)，目前该示例在 IE 中不起作用。

Answer 1

尝试将此 css 应用于您的工作

.left {
   background: #999; float: left; height: 100%; width: auto;
}

.right {
   background: #666; height: 100%;
}

希望对你有帮助