Fatal编程技术网
  • css/
  • Css 定位在网页底部

Css 定位在网页底部

css

Css 定位在网页底部,css,css-position,sticky-footer,Css,Css Position,Sticky Footer,我有一个wierd css问题。我有一个横幅，我需要在每一页的底部位置 为此，我将body设置为位置：relative和我的横幅到绝对位置；底部：0px 问题在于我的横幅在不同页面上的位置不同，例如： , , “custom-page\u closure\u wrapper”div就是我试图在页面底部定位的内容。我可以通过设置位置：fixed但是我并不希望div在任何时候都是可见的-只有当页面底部可见或者用户向下滚动查看它时 有人能告诉我我缺少什么吗？您可以尝试在CSS文件中添加以下内容： b

我有一个wierd css问题。我有一个横幅，我需要在每一页的底部位置

为此，我将body设置为
位置：relative和我的横幅到
绝对位置；底部：0px

问题在于我的横幅在不同页面上的位置不同，例如：
,
,


“custom-page\u closure\u wrapper”div就是我试图在页面底部定位的内容。我可以通过设置
位置：fixed
但是我并不希望div在任何时候都是可见的-只有当页面底部可见或者用户向下滚动查看它时


有人能告诉我我缺少什么吗？
您可以尝试在CSS文件中添加以下内容：


body {height:100%;}
#custom-body-wrapper {height:100%;} /*this is the container of your absolute div*/



删除body标签上的
位置：relative
。
为了补充Marc的答案，有一个CSS解决方案称为


页脚没有“粘”到页面底部的原因是，页脚绝对所在的容器的高度不超过视口的高度。因此，通过强制将容器拉伸到最大高度，该技术可确保页脚始终位于底部。
您可以找到有关该主题的详细信息。
您的示例中不存在
自定义页面\u closure\u包装
div。