html css div固定底部

Posted z45281625

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html css div固定底部相关的知识,希望对你有一定的参考价值。

<div id="father">

  <footer></footer>

</div>

#father

position:relative; //父元素加入相对定位  不加则固定到html底部

footer
position: absolute;  //绝对定位
bottom: 0;
left: 50%;  //水平居中
transform: translate(-50%, 0%); //调整位置

以上是关于html css div固定底部的主要内容,如果未能解决你的问题,请参考以下文章

HTML里CSS样式如何写DIV固定在底部,随滚动而滚动呢?

如何设置CSS 让页面头部和底部固定 中间内容滚动?

CSS如何把DIV永远置于页面的底部?

HTML5怎么把导航固定在底部?是只滑动内容,导航固定不动的。

求一段用js固定div在移动端底部不随页面滑动的代码 且不抖动

html中 div怎么固定到底部