Html 为什么不使用位置:固定为“a”;粘的;页脚?
我已经看到了粘性页脚的方法,以及一个和一个 当Html 为什么不使用位置:固定为“a”;粘的;页脚?,html,css,footer,sticky-footer,Html,Css,Footer,Sticky Footer,我已经看到了粘性页脚的方法,以及一个和一个 当#footer{position:fixed;bottom:0;}足够时,为什么这些人要为粘性页脚制作模板 编辑: 我将使用位置添加:fixed不中断页边距:自动在(至少)一些浏览器中居中,因此需要一个包装标签。我对上述方法的部分问题是额外的标记,这些标记容易混淆,语法不正确(对于“HTML纯粹主义者”),并且会占用带宽。然而,在我看来,页脚周围的一个包装器仍然比一个混乱的页面模板好。而且,“我的”方式更直接,占用的带宽更少。使用位置:固定和1之间的
#footer{position:fixed;bottom:0;}
足够时,为什么这些人要为粘性页脚制作模板
编辑:
我将使用
位置添加:fixed页脚的代码>不中断页边距:自动代码>在(至少)一些浏览器中居中,因此需要一个包装标签。我对上述方法的部分问题是额外的标记,这些标记容易混淆,语法不正确(对于“HTML纯粹主义者”),并且会占用带宽。然而,在我看来,页脚周围的一个包装器仍然比一个混乱的页面模板好。而且,“我的”方式更直接,占用的带宽更少。使用位置:固定和1之间的区别是非常基本的
使用position:fixed
时,页脚总是可见的,而粘性页脚不想这样做。
粘滞页脚的意思是保持底部粘滞,除非内容长于视口高度。在这种情况下,粘性页脚将像普通页脚一样,显示在页面内容的正下方
粘脚的。在结果窗口中,可以看到页脚停留在页面底部。单击“添加内容”按钮添加内容,然后您将看到页脚向下移动以保持在内容下方
一,。这是Wayback机器2013年1月10日的快照,因为Ryan的网站本身不再包含原始帖子。粘性页脚是指当内容不是很高时粘在窗口底部的页脚,但当内容高于窗口高度时,页脚的行为与正常页脚类似,被推到内容下方,而不是像固定位置那样,在内容上方浮动。它可能是这样的位置:修复是你想要的效果,但它不是粘性页脚试图实现的。就我个人而言,我认为为shodul技术发布的演示页面既有高的示例页面,也有短的示例页面,以更好地说明效果。@wheresrhys-你有一个很好的观点,在这种情况下,整个线程需要重新考虑。那位置呢:绝对位置;底部:0代码>对于您的粘性页脚?这也不起作用,因为它会重叠内容的底部(除非添加填充,但这样加上内容上100%的高度将导致出现永久滚动条)。要阻止它这样做,我认为您需要实现一个链接到的解决方案。这篇文章中的两个链接都无效。@Script47我明白了。我将尝试恢复或重定向到mcempire.nl的链接,我还将替换到Ryan的粘性页脚的链接。您可以检查Internet Archive是否有任何内容?感谢您更新了这么旧的答案。@Script47好的一点,我发现了一个快照,它实际上包含了我上次看到它时所写的内容。