类似于淘宝、天猫、京东等网站，网站的左右两边一般都是空白的，只有中间部分是放内容的，这个中间的居中板块叫版心。
    完整示例：

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <title>Document</title>
    7.     <style>
    8.         /* 清除浏览器的默认样式 */
    9.         * {
    10.             margin: 0;
    11.             padding: 0;
    12.         }
    14.         /* 根设置宽高为100% */
    15.         html,
    16.         body {
    17.             width: 100%;
    18.             height: 100%;
    19.             overflow: hidden;
    20.             background-color: chocolate;
    21.         }
    23.         /* 版心 */
    24.         .wrapper {
    25.             width: 1200px;
    26.             margin: 0 auto;
    27.         }
    28.         .header{
    29.             height: 60px;
    30.             background-color: rebeccapurple;
    31.         }
    32.         .content{
    33.             height: 660px;
    34.             background-color: yellow;
    35.         }
    36.         .bottom{
    37.             height: 230px;
    38.             background-color: grey;
    39.         }
    40.     </style>
    41. </head>
    43. <body>
    44.     <div class="header wrapper">
    45.         <span>这是头部</span>
    46.     </div>
    47.     <div class="content wrapper">
    48.         <span>这是内容</span>
    49.     </div>
    50.     <div class="bottom wrapper">
    51.         <span>这是底部</span>
    52.     </div>
    53. </body>
    55. </html>