我一直在尝试让这些列表项与它们的兄弟姐妹一起浮动,但它们会自动为子项创建边距。
这些列表项必须保持 position:relative 状态,以便在显示新子项时div #dropdown 大小。
我尝试将子项设置为绝对值,并使用 jquery 使用 .height() 调整div 的大小,但它没有响应"ul"的高度。
尚未实现下拉功能 - 仍在尝试让它们正确坐下。
请帮忙!
这是我到目前为止的小提琴 http://jsfiddle.net/63pNN/3/
选择 Item1> ItemA 时,菜单应如下所示:
首页 项目1 项目2 项目3
项 A项 B
项目X 项目Y
使用浮点数和边距时,您需要指定宽度,如下所示:
li {
display: inline-block;
float:left;
width:50px;
margin-left:10px;
}
希望这对:)有所帮助
更新:http://jsfiddle.net/63pNN/31/