html - 创建全宽下拉菜单

Question

我想用这个结构制作一个全宽下拉菜单（我以前从未做过）http://jsfiddle.net/cstEv/

使用我目前拥有的 css，我无法将 subnav 居中，ul因为ul定位原点是 parent的原点li。有谁知道如何让divul .children下的中心？#menu

Answer 1

我进行了以下更改：

从：

.children {
            display: none;
            width: 560px;
            min-height: 30px;
            position: absolute;
            left: -244px;
            top: 48px;
            text-align: left;
            background-color: #c7c7c7;
        }
.children  li {
            position: relative;
            float: left;
            margin-left: 20px;
        }

到：

.children{
            display: none;
            min-height: 30px;
            position: relative;
            text-align: left;
            top: 10px;
        }
        li:nth-child(3) .children{
            right: 252px;
        }
        li:last-child .children{
            right: 502px;
        }
        li:nth-child(3) .children  li {
            position: relative;
            float: left;
            width: 628px !important;
        }

        li:last-child .children li{
            position: relative;
            float: left;
            width: 628px !important;
        }

看看更新的小提琴