怎样将header和footer分别固定在页面上的最两端
来源:互联网 发布:python sched 编辑:程序博客网 时间:2024/05/10 07:48
<html>
<body>
<div id="page">
<div id="header">
<div id="nav">nav</div>
</div>
<div id="content">here is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many contenthere is content many content many many content</div>
<div id="footer">footer</div>
</div>
</body></html>
html,body{
height:100%;
}
#page {
min-heigth:100%;
postion:relative;
}
#header {
max-width: 640px;min-width:320px;
height: 60px;
position: absolute;
top: 0;
background-color: #ccc;z-index:9999;
}
#footer {
max-width: 640px;min-width:320px;
height: 30px;
position: absolute;
bottom: 0;
background-color: #ccc;
}
#content {
padding-bottom:30px;padding-top:60px;
overflow: auto;
}
- 怎样将header和footer分别固定在页面上的最两端
- 将footer固定在页面底部的实现方法
- FOOTER固定在页面的顶部
- 页面主体高度不固定,如何让页面的footer始终在最底部
- 如何让Footer无论页面长短都在最底部, 并和正文保持固定高度?
- [转]怎样在UICollectionView中添加Header和footer
- 怎样在UICollectionView中添加Header和footer
- 怎样在UICollectionView中添加Header和footer
- jquerymobile header导航和footer底部固定
- 同一header和footer使用在多个页面中
- footer固定在页面底部的几种方法
- 将页面加载到另一个页面中(header和footer)
- 两种方式实现footer固定在页面最下方布局
- jQuery Mobile中固定工具栏header、footer的data-*选项
- 如何把footer固定到页面最下端?
- Flexbox如何将页面底部固定在屏幕最下方
- 可以添加Footer和Header的GridView
- 自定义tableview Header和Footer的样式
- SUI Moblie 中出现$.init() 或$.alert()not a function和自定义Moble中的嵌套标签页时,点击tab2时一直出现tab1的内容
- 在html中,通过添加close-popup类关闭popup时,不能关闭popup跳出层
- 关于图片与文字的水平距中
- 用css修改input[type=checkbox]时默认样式
- Emiller Nginx模块开发指南
- 怎样将header和footer分别固定在页面上的最两端
- 二、实现从一页面跳转到指定模块的位置,并将该模块在主区域中显示出来
- Apache主配置文件httpd.conf 详解
- 文本、input、img在同一行时设置垂直距中
- 关于windows不支持NODE_ENV=development的问题
- “王者荣耀”中的常用英语
- hdu1806——Frequent values
- 完成端口IOCP详解
- [kmp]kmp求字符串中子串的个数