Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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
Css 适合的高度,而不是100%_Css_Html - Fatal编程技术网

Css 适合的高度,而不是100%

Css 适合的高度,而不是100%,css,html,Css,Html,在我的网页上将高度设置为100%会把事情搞砸。页脚不会停留在主页面上,而是经过主可视区域。。。。如何防止这种情况发生,使其保持在页面底部 参见示例:[URL\u已删除]尝试将页脚放在中,并将其放置在底部。 由于#bdy具有最小高度:100%,因此它将页脚向下推 如果将页脚放在#bdy中,则将其设置为样式位置:绝对;底部:0 更新: 啊,那是因为位置:绝对使指令位于底部:0将其粘贴到最近的祖先,该祖先没有位置:static(默认设置)。您可以通过应用position:relative到#bdy检查

在我的网页上将高度设置为100%会把事情搞砸。页脚不会停留在主页面上,而是经过主可视区域。。。。如何防止这种情况发生,使其保持在页面底部


参见示例:[URL\u已删除]

尝试将页脚放在
中,并将其放置在底部。 由于
#bdy
具有
最小高度:100%
,因此它将页脚向下推

如果将页脚放在
#bdy
中,则将其设置为样式
位置:绝对;底部:0

更新:


啊,那是因为
位置:绝对使指令
位于底部:0将其粘贴到最近的祖先,该祖先没有
位置:static
(默认设置)。您可以通过应用
position:relative
#bdy

检查所有css StickyFooter:如果您改进您的问题,您知道您将获得更好的结果。添加一些代码可能。问题改进@杰瑞德:我基本上已经做到了。。。它保持在底部,但就像页面上的浮动元素将其进一步向下推,或者我知道StickyFooter在正确应用时可以工作。我很难说你做了什么,因为你没有在你的问题中发布相关的标记和css,我也不想在你的网站中挖掘相关的代码来发现你的问题。发布一些代码或在JSFIDLE中构建一个简单的演示。也许在构建JSFIDLE时,您会发现问题所在。不幸的是,当我最后滚动时,会把事情搞砸: