Html 如何将div居中放置在带有链接的浮动div之间，但仍然可以访问链接？

我有一个标题div，固定在页面顶部

在它里面有一些左浮动的div和一些右浮动的div，都有链接。我有另一个div，我想在页面上居中，垂直放置在它们之间

图表：

DivA  DivB         PageCenteredDiv     DivC DivD DivE

我让以页面为中心的div工作得很好：

width:      100%;
text-align: center;
position:   fixed;
top:        0;
left:       0;

但是，无论我在任何div上使用z-index做什么，浮动div中的链接都位于居中div的下方，无法单击

有没有办法让那些浮动div高于另一个div

---

任何帮助都将不胜感激

如果可以在居中div上设置宽度：

left: 50%;
margin-left: -150px;
position: absolute;
text-align: center;
top: 0;
width: 300px;

这将使

300px

宽的div在收割台内部居中，同时防止其与两侧的浮动div重叠。很明显，你可以根据内容选择宽度

编辑：我在JSFIDLE上制作了一个快速演示，您可以看到它正在工作：