Javascript 简单<；ul>&书信电报；李>；HTML结构：MegaMenu

我正在进行一个创建MegaMenu的项目，我从JSON文件中获取MegaMenu。编写简单的HTML结构逻辑

#菜单{边框：实心2px绿色；浮动：左侧；}
#菜单ul{填充：0；边距：0；清除：两者；浮点：无；}
#菜单ul li{填充底部：5px；颜色：绿色；浮动：左侧；列表样式：无；宽度：20%；}
LIA{颜色：绿色；}
#菜单ul li{float:none；}
李莉{颜色：蓝色；}

您还需要添加此选项

#menu >ul>li {
   padding-bottom:5px; 
   color:green; 
   float:left; 
   list-style:none; 
   width: 20%; 
   height:250px
}  

您可以使用以下CSS：

#menu {
    border: solid 2px green;
    float: left;
}
#menu ul {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
}
#menu ul li {
    padding-bottom: 5px;
    color: green;
    float: none;
    display: inline-block;
    list-style: none;
    width: 20%;
}
li a {
    color: green;
}
#menu ul li li {
    float: none;
    display: block;
}
li li a {
    color: blue;
}

---

我试过了，但子项是动态的，所以它将从客户端配置，不能给LI提供静态高度。Dharam Mali是的，如果你必须给他们提供

内联样式，你可以这样做是的，这很有效。。但仍有可能将“导航项目1”与“导航项目6”之间的空白减少。与此相同，两个列表项之间存在大量空白。我们能为您做些什么吗？@Dharam Mali您需要在
px
中给出
width
。这个超级菜单不是
%
Nope，而是动态的，所以客户端可以从CMS（Megento）添加或减少项目。所以，若客户端要从类别中添加或删除项目，那个么给定250px的固定高度将不起作用。对于Megamenu，格式由服务器端脚本决定。整个菜单格式不能仅从CSS管理。