创建全宽度下拉菜单

Question

我绑，使全宽下拉菜单这种结构http://jsfiddle.net/cstEv/

与CSS我目前我不能中心（这是我从来没有做过） subnav ul因为ul poistioning来源是父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