我使用Isotope在Bootstrap 3框架内呈现图像网格。 我有一个粘性页脚（使用推荐的绝对定位，底部设置为0）。
当浏览器窗口的高度减小时，包含同位素-d图像的div不会停止粘性页脚开始的位置 - 所以div的最底部60px（实际数量取决于为页脚设置的高度） ）被页脚隐藏或延伸到页脚下方。差异取决于我是否为容器div设置了高度。
这是来自https://codepen.io/marklsanders/pen/KrRVaK的html：
the codepen contains an example
我猜这个问题是由Isotope定位的所有图像绝对定位造成的。 有关如何正确使用此方法的任何建议吗？
感谢
答案 0 :(得分：0)
尝试将您的页脚从position: absolute;更改为position: fixed;，然后将padding-bottom: 75px;添加到<body>。
请记住，当您定位绝对或固定时，该元素将从文档的常规流中移除。当你定位它时，它很可能会与另一个静态定位的元素发生冲突。
在这种情况下，在身体上添加填充物会模拟＆＃39;在常规文档中，页脚实际占用的空间。
附加说明：粘性页脚方法通常意味着您需要为页脚设置固定高度。我已经使用75px作为身体上的填充物，但你可以摆弄它以获得最佳效果。