Html 两个浮动div之间的中心

我到处找了，但找不到解决办法

我编写了以下HTML：

<div id="navcontainer">
    <div class="leftnav">
        <a href="/blabla.aspx">Home</a>
    </div>
    <div class="leftnav">
        <a href="/blabla.aspx">test1</a>
    </div>
    <div class="leftnav">
        <a href="/blabla.aspx">test2</a>
    </div>
    <div class="leftnav">
        <a href="/blabla.aspx">test3</a>
    </div>

    <div class="midnav">
        <a href="#">MIDDLE</a>
    </div>

    <div class="rightnav">
        <a href="/blabla.aspx">test5</a>
    </div>

    <div class="rightnav">
        <a href="/blabla.aspx">test6</a>
    </div>
</div>

---

我想根据“navcontainer”将中间的div居中，但div会根据有多少个“leftnav”和“rightnav”div而不断变化。有人能给我解释一下怎么做吗？

为我认为您正在寻找的东西想出了一个更好的解决方案-在这种情况下，我绝对定位了midnav：

#navcontainer {
    position: relative;
}
#navcontainer div.midnav {
    position: absolute;
    left: 50%;
}

---

下面是一个更新的示例。这就是你想做的吗？由于绝对定位，您需要调整中置导航的css，使元素和左右导航元素垂直对齐。

确定吗？如果我这样做的话，中间的div会一直紧挨着左边。我明白了，但是中间的位置仍然是基于浮动div的：/Yeah，我要删除这个答案，并想出一个更好的解决方案。

#navcontainer {
    position: relative;
}
#navcontainer div.midnav {
    position: absolute;
    left: 50%;
}