CSS大師：如何交換跨度（內聯塊，無固定寬度）？

Question

我也跨度

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

在css的幫助下，用戶應看到“左”。

在html中，“ Right”應該在“ Left”之前，以便strip_tags（）會導致“ Right Left”。

這是我對浮動http://jsfiddle.net/2SGCb/12/的嘗試，但是浮動向右導致IE中出現問題：父級擴展為可用寬度。

歡迎任何有關如何交換內聯塊跨度的建議。 預期輸出為http://jsfiddle.net/2SGCb/12/ ，在所有瀏覽器中都可以正常顯示（“從左到右開始”），因為該示例目前在IE中不起作用。

Answer 1

嘗試將此CSS應用於您的工作

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

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

希望能有所幫助