需要相对列表项忽略父母和孩子,并与兄弟姐妹一起浮动



我一直在尝试让这些列表项与它们的兄弟姐妹一起浮动,但它们会自动为子项创建边距。

这些列表项必须保持 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/

最新更新