Div Toggle显示/隐藏溢出父Div

Question

我有一个生成可排序div的表单。我在div中添加了一个div，它在点击时显示。问题是这个div溢出到下面的div上。

我可以通过将div放在“click”div之外来解决这个问题，但是可排序的功能不起作用。

我尝试过各种风格来解决这个问题，但没有运气。如果可以的话请帮忙。干杯

小提琴在这里，http://jsfiddle.net/clintongreen/rRYTa/1/

Answer 1

看看这个：http://jsfiddle.net/rRYTa/2/

我只需将div.div_menu_button设为position:relative，然后.menu_button_info {position:absolute; top:0; left:0}。

我看到的唯一问题是它出现在菜单项名称的顶部。但是，如果您将该名称粘贴到其自己的元素中，则可以轻松计算该元素的宽度并调整相应left上的.menu_button_info css属性。

Answer 2

如果您希望切换的div显示“内部”它的父级，您可以将“div_menu_button”定位为相对的，并将其子项定位为“absolute：

div.div_menu_button{
    ...
    position:relative;
}

.menu_button_info {
    position: absolute;
    top: 0;
}

更新小提琴：http://jsfiddle.net/fparent/2HezH/

Answer 3

.div_menu_button有一个高度样式归因于它，这阻止按钮在切换上展开。一旦我达到高度：自动;它工作得很好。在发布这个问题之前我应该​​看到它的愚蠢错误。干杯