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

Question

我一直试图让这些列表项与他们的兄弟姐妹一起浮动，但他们会自动为他们的孩子创建一个边距。

这些列表项必须保持 position:relative 以便 #dropdown div 在显示新子项时调整大小。

我尝试将孩子设置为绝对，并使用 jquery 使用 .height() 调整 div 的大小，但它不响应“ul”的高度。

尚未实现下拉功能 - 仍在尝试让它们正确坐下。

请帮忙！

到目前为止，这是我的小提琴http://jsfiddle.net/63pNN/3/

选择 Item1 > ItemA 时，菜单应如下所示：

主页Item1 Item2 Item3
ItemA ItemB
ItemX ItemY

score 0 · Accepted Answer

使用浮动和边距时需要指定宽度，如下所示：

li {
  display: inline-block;
  float:left;
  width:50px;
  margin-left:10px;
}

希望这可以帮助：）

1 回答 1