1

真的用这个敲我的头。

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

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

问题是当 subnav 展开时，它会将内容向下推，但框会被截断。#container 使用溢出：隐藏，我不能让它可见，否则会产生其他问题。我已经尝试了很多解决方案，只是无法弄清楚。

4

2 回答 2

0

您为同位素内容引用了错误的包装器。您应该引用您想要排序的内容的容器，在这种情况下.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;
}
于 2012-02-06T19:45:34.690 回答
0

我最终将#head从#container中取出，并使用jQuery将#head宽度和#head边距设置为#container，即使在窗口调整大小时，这样做我也不需要在子导航显示时扩展#container和它只会像往常一样推送#container div。

 $(function() {
   var myLeft = $("#container").offset().left;
   var newWidth = $("#container").innerWidth();
   var myRight = $(window).width() - ($("#container").offset().left + $("#container").outerWidth());
$("#head").animate({ width: newWidth, marginLeft: myLeft, marginRight: myRight }, "fast");
});

谢谢

于 2012-02-08T12:18:00.000 回答