移动端常见问题二

<!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>
移动端常见问题二

猜你喜欢
