将子空间项目保持在静态位置

Question

我正在尝试使用css3构建一个subnav。我无法做的一件事就是将subnav保持在同一个地方。

与http://www.laingorourke.com/类似。

无论您将鼠标悬停在顶部导航项目的哪个位置，如何将子项目项目保留在固定位置？

我创建了一个jsfiddle来展示我正在尝试做的事情：

http://jsfiddle.net/jimbeeer/F9PNr/

subnav项目css在第10行：

ul#css3menu1 ul{
display:none;
position:absolute;
float:left;
left:0;
top:100%;
padding:0px;
margin:0px 0 0 0px;
z-index:10;
background-color:#093365;
width:1000px;}

我很确定这很容易，但我不能为我的生活做好准备！

提前致谢。

-James

Answer 1

只需对您的代码进行一些小改动： -

ul#css3menu1 ul {
    background-color: #093365;
    display: none;
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    top:100%; //Remove This
    width:1000px; //Remove This
}