如何让footer一直在网页底部(不使用绝对定位并且网页不论长度多长)
2024-09-02 21:35:37
html:
<html> <head> <link rel="stylesheet" href="layout.css" ... /> </head> <body> <div class="wrapper"> <p>Your website content here.</p> <div class="push"></div> </div> <div class="footer"> <p>Copyright (c) 2008</p> </div> </body> </html>css:
* { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } .footer, .push { height: 4em; }margin负值为footer的高度,相当于减去了footer的高度。
最新文章
- sleep和wait区别
- Java实现归并排序
- NOPI导出加载模板
- 第 13 章 CSS 选择器[上]
- phpcms分页使用
- Grunt配置文件编写技巧及示范
- 省身 (zhuan)
- Python学习教程(learning Python)--3.3.1 Python下的布尔表达式
- 【HDOJ】4801 Pocket Cube 的几种解法和优化
- DedeCms autoindex和itemindex使用介绍
- AOP学习笔记一
- c语言文件中关于while(!feof(fp)) 循环多输出一次的问题
- IntelliJ IDEA添加jar包
- Git思维导图
- 8.Redis内存分配
- P1638 逛画展(直尺法)
- 爬虫:Scrapy5 - 选择器Selectors
- std::string std::wstring 删除最后元素 得到最后元素
- 解决self.encoding = charset_by_name(self.charset).encoding
- Excel课程表
热门文章
- wangEditor编辑器中解析html图文信息问题
- 最短路径——Bellman-Ford算法
- MFC MDI 工程禁用win7任务栏(taskbar)多视图缩略图(preview)功能
- [android]不解锁刷机
- 【SSH】——Struts2中的动态方法调用(二)
- ui-grid从后端获取数据后更改数据显示的格式
- java生成唯一的id编号
- Codeforces Round #521 (Div. 3) F1. Pictures with Kittens (easy version)
- poj 2104 (主席树写法)
- Git命令文本手册