Html 如何禁用CSS垂直菜单弹出效果

我是HTML列表的新手，我正在尝试禁用“悬停弹出效果”，并在主项下方垂直列出所有子项，它们应保持可见，请帮助我了解此特定CSS中哪些属性将禁用此效果

这是小提琴

CSS

---

更改

左侧

和

顶部

在

ul.sub

上的定位。当前，菜单悬停在上方时，菜单项下拉列表

ul.sub

被告知从左侧移动

170px

，从顶部移动

-1px

（向上1个像素）

#prod_nav li:hover ul.sub {
    left: 0;
    top: 31px;
    background: #fff url(../images/productmenu-leftborder.gif) no-repeat left top;
    border: 1px solid #e2e2e2;
    border-left: 0;
    white-space: nowrap;
    width: 384px;
    height: auto;
    z-index: 300;
}

---

谢谢……但我想让它以列表的形式显示出来。。。请帮助我实现这一点，以及…我不需要悬停效果，只是简单的静态项目与子项目垂直列出。。。。

#prod_nav li:hover ul.sub {
    left: 0;
    top: 31px;
    background: #fff url(../images/productmenu-leftborder.gif) no-repeat left top;
    border: 1px solid #e2e2e2;
    border-left: 0;
    white-space: nowrap;
    width: 384px;
    height: auto;
    z-index: 300;
}