移动端,控制头部尾部固定
来源:互联网 发布:横县教研室网络硬盘 编辑:程序博客网 时间:2024/05/16 16:23
直接上代码:
用flex布局
<!DOCTYPE html><html><head><title>头尾部固定</title></head><style>*{margin: 0;padding: 0;}.container{display: flex;display: -webkit-flex; min-height: 100vh; flex-direction: column; text-align: center; font-size: 50px;font-weight: bold;}header,footer{height: 100px;background-color: #20b;line-height: 100px;color: #fff;}.middle{flex: 1;}</style><body><div class="container"><header>头部</header><div class="middle">中间部分</div><footer>尾部</footer></div></body></html>
效果图如下:阅读全文
0 0
- 移动端,控制头部尾部固定
- 固定头部和尾部,分页打印详细内容
- 字符串尾部m个移动到头部
- 移动端导航固定头部的fixed设置
- 弹出输入法时,固定顶部。移动中间, SearchView 固定头部 editView 固定头部
- 网页头部+尾部
- RecyclerView添加头部尾部
- 移动端 头部信息
- 头部固定
- ListView 添加头部和尾部
- RecyclerView添加头部和尾部
- ListView 添加 头部 和 尾部
- script语言共用头部尾部
- RecyclerView添加头部和尾部
- RecycleView添加头部和尾部
- 移动端固定位置
- 固定表格头部信息
- 头部固定效果
- mysql破解密码并修改密码
- Fragment 使用add 和 hide 生命周期
- 17
- jquery广告弹出
- Date类问题1
- 移动端,控制头部尾部固定
- 18
- DCI in C++ 语法糖
- 查看linux中某个端口(port)是否被占用
- 19
- Protecting the Flowers
- 20
- 【Hadoop--04】Hadoop读文件
- 21