ul li基于自动溢出的菜单?

时间:2013-10-07 11:35:47

标签: css menu html-lists

目前我正在为我的客户开发简单的网站。现在我有ul / li生成菜单的问题。页面是900px,菜单字体相当大,约30px,也是宽水平边距。我想要菜单项,去做第二行,那里没有空间(大约5个项目适合一行)。在菜单项的行之间,我在图像中使用了“margin-bottom:226px”来实现第二个菜单项行的正确位置。这就是问题所在,因为边距很高,菜单重叠,没有任何东西可以点击或选择。我尝试z索引弹出内容层,但它没有用。任何超出红线的东西都是不可点击的。

您是否知道使用两行菜单项来避免上述重叠问题来实现此类结果的另一种方法?

这是css enter image description here

/* Main navigation menu */
#nav {
    float: none;
    font-family: 'Special Elite', Verdana, Tahoma, sans-serif;
    text-align: center;
}
#nav ul {
    list-style: none;
}
#nav ul li {
    background: none!important;
    display: inline-block;
    text-align: right;
    /*height: auto;*/
    margin-top: 35px;
    **margin-bottom: 226px;**
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: -10px;
/*  letter-spacing: 5px;*/

}

0 个答案:

没有答案