CSS-设置Footer始终在页面底部_html/css_WEB-ITnose
程序员文章站
2022-05-26 20:26:50
...
Footer顾名思义页脚,如果内容多的时候在底部时感官很好,但是当内容变少(无法撑开一屏的时候)footer不固定在底部,影响美观,对于已经从事前端工作的工作的来说应该是比价工作中入门级别的问题了,由于本人前端水平有限,耗费一点时间最后通过负边距实现了这个简单的功能,代码如下:
博客地址:http://www.cnblogs.com/xiaofeixiang/
设置CSS:
* { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: 100%; margin: 0 auto -202px;//通过负边距隐藏replace } .footer, .replace { height:200px;//设置高度一致 } .footer { border: 1px solid #6AC5AC; }
无论页面内容长短可以满足开发需求~
上一篇: PHP代码维护,重构变困难的4种原因分析
推荐阅读
-
请问,这个页面底部的footer的效果怎么实现的?_html/css_WEB-ITnose
-
请问,这个页面底部的footer的效果怎么实现的?_html/css_WEB-ITnose
-
告诉你一个将 footer 保持在底部的最好方法_html/css_WEB-ITnose
-
CSS-设置Footer始终在页面底部_html/css_WEB-ITnose
-
CSS让footer保持在页面底部_html/css_WEB-ITnose
-
【转】用DIV+CSS让footer始终在底部_html/css_WEB-ITnose
-
div在页面底部居中显示_html/css_WEB-ITnose
-
div在页面底部居中显示_html/css_WEB-ITnose
-
CSS-设置Footer始终在页面底部_html/css_WEB-ITnose
-
为什么在html设置了禁用浏览器缓存,但点前进后退时页面还是 返回 From cache_html/css_WEB-ITnose