如何将相对定位的“li”布局为带有换行符的段落？

Question

继承我的jsfiddle，请看一下：

http://jsfiddle.net/63pNN/

我无法格式化'ul'。它意味着一个wordpress，所以将添加更多'li'元素。 'li'元素必须是'position：relative;'因此，当他们从'display：none'变为'display：inline'时，使用jquery下拉函数，'div'将改变高度以适应。

我希望列表显示如下：

Home Item1 Item2 Item3
ItemA ItemB ItemC ItemD ItemE ItemF
ItemX ItemY ItemZ

我应该使用表吗？ 如何让这些元素以这种方式出现？ 我试过把'ul'浮动。

该列表将像下拉菜单一样工作，因此当Item2＆gt;选择ItemC，列表应如下所示：

Home Item1 Item2 Item3
ItemC ItemD
ItemY

另外，如果您对如何一次只显示一个兄弟，点击或切换有任何想法，请告诉我。我知道父母应该采用一个意味着它被“选中”的类，然后为它的子节点添加一个类，以便它们出现。然后，当点击其中一个兄弟姐妹时，父母应该失去其“选定”类。但是我无法让它发挥作用。

Answer 1

您可以使用：

li {
   float: left;
}

或：

li {
   display: inline;
}