0

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

你知道用两行菜单项来避免上述重叠问题的另一种方法吗？

这是CSS在此处输入图像描述

/* 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;*/

}
4

0 回答 0