创建一个全宽下拉菜单

Question

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

我目前使用css无法将子空间ul置于中心位置，因为ul极化原点是父li的原点。 有人知道如何让ul .children置于#menu div下面吗？

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;
        }

查看updated fiddle