jquery - 我如何让 wapper 扩展？

Question

真的让我头疼。

我正在使用同位素 http://isotope.metafizzy.co/custom-layout-modes/centered-masonry.html .

我有一个#container set relative，其中我有一个带有顶部导航和隐藏子导航的头部，如果我单击导航上的链接，它会展开子导航。美好的。我有一个包装器设置为相对于盒子，这些盒子绝对由同位素设置。

问题是，当子导航展开时，它会将内容向下推，但框会被切断。 #container 使用 overflow:hidden 并且我不能让它可见，否则它会产生其他问题。我已经尝试了很多解决方案，就是无法弄清楚。

Answer 1

您为同位素内容引用了错误的包装。您应该为要排序的内容引用容器，在本例中为 .box-container(此处为 var $container = $('.box-container');。所以，这样做，并从您的 CSS 中删除以下内容，因为它们不是必需的:

#container {
    margin: 0 auto;  /* centering won't work without a solid width and not a restriction (min-width) */
    max-height: 100%; /* remove */
    min-height: 100%; /* remove */
    min-width: 930px;
    padding: 20px 5px 40px;
}

body {
    padding-bottom: 20px;
}