Question

我正在尝试以嵌套的ul项目显示光盘，但没有成功。我不熟悉这种行为，但怀疑它可能与relative＆amp;列表的absolute个位置：

<ul class='top'>
 <li><a>whatever</a>
  <ul class='sub'>
   <li><a>whatever sub</a></li>
  </ul>
 </li>
</ul>

ul.top{
 position: relative;
}
ul.sub{
 position: absolute;
 width: 100%;
 list-style-type: disc;
}
ul a{
 position: relative;
 display: inline-block;
 z-index: 9999;         
}

                }

COMPLETE JSFIDDLE HERE

项目按照我想要的方式显示，但我的样式disc缺失任何帮助表示赞赏。

Answer 1

编辑：好吧，我想你想让光盘出现在这样的菜单中......那么我的解决方案并不好用 - 只是想给你一个更简单的方法来建立带有列表的菜单。抱歉，如果我误导了你。

我有点放弃，HTML让我的头受伤了。）

但问题在于凌乱的position:relative/absolute声明加上显示：内联设置在<a>标记的某处..

Here's how you should build your menu list - much simpler (example on JSFiddle)

Answer 2

问题在于：

*{
    margin: 0;
    padding: 0;    
    list-style: none; 
    text-decoration: none;
    color: black;
    font-family:"Times New Roman", Times, serif;
}

list-style：none;阻止列表符号显示。删除它，它应该工作正常。

list-style-type不显示

2 个答案: