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

时间:2012-08-08 21:30:43

标签: css list drop-down-menu height

我一直试图让这些列表项与他们的兄弟姐妹一起浮动,但他们会自动为他们的孩子创造一个保证金。

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

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

还没有实现下拉功能 - 仍然试图让它们正确坐下。

请帮忙!

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

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

主页第1项第2项第3项 ItemA ItemB
ItemX ItemY

1 个答案:

答案 0 :(得分:0)

使用浮点数和边距时需要指定宽度:

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

希望这会有所帮助:)

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