html和body标签（3） 

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
        * {
          margin: 0;
          padding: 0;
          border: 0;
        }

        html{
              /*
              宽度和高度的100%是相对于客户区的一个满屏来说的
              */
              height: 100%;
        }

        body{
            height: 100%;

        }
        #first{
            height: 100%;
        }
        </style>
    </head>

    <body>
        <div id="first">
            story1
        </div>
        <div id="second">
            story2
        </div>
    </body>
</html>

首屏显示story1，鼠标滚动一下就可看到story2

posted @ 2017-06-23 14:02  WebNewer  阅读(143)  评论(0)  编辑  收藏  举报