zoukankan      html  css  js  c++  java
  • 移动端常见问题二

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width,user-scalable=no" />
            <title></title>
            <style>
                html{
                    height: 100%;
                    overflow: hidden;
                }
                body{
                    height: 100%;
                    margin: 0;
                    overflow: auto;
                    overflow: hidden;
                    position: relative;
                }
                #wrap{
                    height: 100%;
                    overflow: auto;
                }
                header{
                    position: absolute;
                    width: 100%;
                    height: 40px;
                    background: rgba(0,0,0,0.5);
                    color: #fff;
                    text-align: center;
                }
                section{
                    padding-top: 40px;
                }
            </style>
        </head>
        <body>
            <div id="wrap">
                <header>我是一个头部</header>
                <section>
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                    页面内容<br />
                </section>
            </div>
        </body>
    </html>
  • 相关阅读:
    sed 练习
    正则表达式
    字符转换命令
    命令执行判断依据
    shell 操作环境
    选取命令
    排序命令
    命令别名与历史命令
    变量的学习
    防止恶意跳转
  • 原文地址:https://www.cnblogs.com/gxywb/p/10276813.html
Copyright © 2011-2022 走看看