我正在制作一个下拉小部件。向下展开的菜单设置为与父菜单相同的宽度(使用 jQuery)。
该小部件按预期工作，但直到您将其放置在初始显示设置为无的 DIV 容器中。当显示此容器时，根据 jQuery，所有下拉宽度都为零... 如果默认显示容器，则一切正常。
希望我的 fiddle 能更好地说明我的意思:http://jsfiddle.net/ruFzR/ 在结果 Pane 上；顶部下拉菜单位于容器外部，底部下拉菜单位于容器内部。除了一些明显的样式问题外，宽度没有扩展。
最佳答案
您可以通过使用 visibility: hide; 来避免由 display: none; 引起的宽度问题。使用 visibility:visible; 使其可见。
该元素保留在您的内容流中(相同大小等)，但只是不可见。
关于jquery - CSS:当显示设置为无时，没有 DIV 宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9935023/