带靴带3和粘脚的同位素
我正在使用同位素来显示一个引导3框架内的图像网格。我有一个粘性页脚(使用推荐的绝对定位，底部设置为0)。
当浏览器窗口的高度降低时，包含同位素-d图像的div并不会停留在粘性页脚开始的位置--因此底-- div中最底层的60 of (实际数量取决于为页脚设置的高度)由脚注或扩展到页脚下面的页脚或扩展来隐藏。差异取决于我是否为容器div设置了一个高度。
这是来自https://codepen.io/marklsanders/pen/KrRVaK的html
the codepen contains an example我猜这个问题是因为同位素定位的所有图像都是绝对定位的。对于如何正确处理这个问题，有什么建议吗？
谢谢
回答 1
Stack Overflow用户
发布于 2016-07-23 15:42:47
尝试将您的页脚从position: absolute;更改为position: fixed;，并将padding-bottom: 75px;添加到<body>中。
请记住，当您定位为绝对或固定位置时，该元素将从文档的常规流中删除。当您定位它时，它很可能与另一个静态定位元素发生冲突。
在本例中，将页脚实际占用的空间添加到常规文档中的主体“模拟”中。
附加注意:粘性页脚的方法通常意味着你需要为你的脚设定一个固定的高度。我用了75 on来做身体上的填充物，但是你可以用这个来获得最好的效果。
https://stackoverflow.com/questions/38543387
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号