css - 需要相对列表项忽略 parent 和 child ，和 sibling 一起漂浮

Question

我一直试图让这些列表项与它们的 sibling 一起 float ，但它们会自动为它们的子项创建边距。

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

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

尚未实现下拉功能 - 仍在努力让它们正确放置。

请帮忙!

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

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

主页 Item1 Item2 Item3
元素A 元素B
元素X 元素Y

Answer 1

使用 float 和边距时需要指定宽度，如下所示:

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

希望这有帮助:)

更新: http://jsfiddle.net/63pNN/31/