html - 全幅ドロップダウン メニューの作成

Question

この構造http://jsfiddle.net/cstEv/を使用して、全幅のドロップダウンメニュー（これまでに行ったことがない）を作成しようとしています

私が現在持っているcssでは、位置付けの起点が親の起点であるulため、サブナビを中央に配置できません。to をdivの下の中央に配置する方法を知っている人はいますか?ulliul .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;
        }

更新されたフィドルを見てください