猿站网：让底部永远在页面最底部显示的css方法

让顶部总有一天表明在网页最顶部须要考量三种情形：

一类是当网页文本度小于应用程序询问处度时，此时顶部会恒定的表明在网页最顶部；

另一类是当网页文本度小于应用程序询问处度时，此时顶部会漂流到应用程序询问处尾端边线，这一般来说并非他们想的结论，此时他们期望顶部文本表明在应用程序询问处的顶部。

是并非同时实现此种效用呢？

他们须要加进css新减少的vh基层单位和box-sizing那个特性

具体内容的作法是：

 
节录文本
 
顶部文本
 

给他增设css式样如下表所示：

.wrapper{
    position:relative;
    min-height:100vh;
    padding-bottom:120px;    //将padding-bottom大小不一增设为顶部文本的度
    box-sizing:border-box;
}

最后将顶部用绝对定位，定位在顶部，顶部css的示例：

.footer{
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:120px;
 }

声明： 猿站网有关资源均来自网络搜集与网友提供，任何涉及商业盈利目的的均不得使用，否则产生的一切后果将由您自己承担！ 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除，制止非法恶意传播，不对任何下载或转载者造成的危害负任何法律责任！也请大家支持、购置正版！ 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报，会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络，如有侵权烦请发送邮件至：2697268773@qq.com进行处理。