码迷,mamicode.com
首页 > Web开发 > 详细

html css div固定底部

时间:2019-09-02 12:09:46      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:transform   位置   调整   css   nbsp   nsf   for   定位   absolute   

<div id="father">

  <footer></footer>

</div>

#father{

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

}

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

html css div固定底部

标签:transform   位置   调整   css   nbsp   nsf   for   定位   absolute   

原文地址:https://www.cnblogs.com/z45281625/p/11445328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!