div本身是没有任何的含义
    div：作用就是把网页进行模块化的划分 

    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta charset="utf-8">
    5.         <title></title>
    7.         <style>
    8.             .top{
    9.                 height:100px;
    10.                 width:100%;
    11.                 background-color: bisque;
    12.             }
    13.             .tips{
    14.                 height: 50px;
    15.                 width:100%
    16.                 background-color: burlywood;
    17.             }
    19.             .center{
    20.                 height: 1000px;
    21.                 width: 100%;
    22.                 background-color: red;
    23.             }
    24.             .bottom{
    25.                 height: 50px;
    26.                 width: 100%;
    28.             }
    29.             .login{
    30.                 height: 600px;
    31.                 width: 350px;
    32.                 background-color: beige;
    33.                 /* 相对定位 */
    34.                 position: relative;
    35.                 left: 1800px;
    36.                 top:80px;
    37.             }
    40.         </style>
    41.     </head>
    42.     <body>
    43.         <!-- 头部模块 -->
    44.         <div class="top"></div>
    45.         <!-- 中间提示 -->
    46.         <div class="tips"></div>
    47.         <!-- 中间展示 -->
    48.         <div class="center">
    49.             <div class="login">
    51.             </div>
    52.         </div>
    53.         <!-- 底部模块 -->
    54.         <div class="bottom"></div>
    55.     </body>
    56. </html>

    image.png