單列響應菜單與餘量：0汽車和位置絕對

Question

我目前工作的一個響應佈局，其由經由position: absolute和經由margin: 0 auto居中中間元件位於兩個固定寬度元件。包裝元素有一個padding: left和padding: right推動中間元素遠離兩個固定元素。

使用正確的HTML結構left, middle, right，right元素被推入下一行，因爲middle元素是一個正常的塊元素。

有沒有另一種方法解決這個問題在CSS中，而不必改變HTML結構left, right, middle，仍然使用margin: 0 auto居中的中間元素？

見JS斌的現場演示：http://jsbin.com/kucohewoyole/2/

Answer 1

答案是隻需添加top:0px到類.right

Js Bin