Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/matlab/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么不使用位置:固定为“a”;粘的;页脚?_Html_Css_Footer_Sticky Footer - Fatal编程技术网

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好的一点,我发现了一个快照,它实际上包含了我上次看到它时所写的内容。