带边距的单行响应式菜单：0 自动和绝对位置答案

【问题标题】：Single row responsive menu with margin: 0 auto and position absolute带边距的单行响应式菜单：0 自动和绝对位置
【发布时间】：2014-10-20 22:28:51
【问题描述】：

我目前正在开发一个响应式布局，该布局由两个固定宽度的元素组成，通过position: absolute 定位，中间元素通过margin: 0 auto 居中。包装器元素有一个padding: left 和padding: right 将中间元素推离两个固定元素。

使用正确的 HTML 结构 left, middle, right，right 元素被推入下一行，因为 middle 元素是一个普通的块元素。

是否有另一种方法可以在 CSS 中解决此问题，而无需更改 HTML 结构 left, right, middle 并且仍然使用 margin: 0 auto 来居中中间元素？

【问题讨论】：

【解决方案1】：

答案就是将top:0px添加到类.right

【讨论】：