1. htmlbody{
    2. height100%
    3. }

    设置100%的目的可能是利用取得的屏幕尺寸,将其作用在第一个div元素的高度上,使其内容能够铺满整个视口/也可以是背景颜色、图片。向下滚动后就是第二个div的内同。重要的内容放在第一个div里,用户一打开页面就会占满整个屏幕,无论怎么缩放页面也还是它。单页面比较好用。


    html{
        min-width: 1190px;    //限制页面的最小宽度
    }
    body{    
        background-color: #f4f4f4;
        color: #666;
        font: 12px/1.5 "Microsoft YaHei","Heiti SC","tahoma","arial","Hiragino Sans GB","\5B8B\4F53","sans-serif";
    }
    .module-wrapper{
        width: 1190px;
        margin: 0 auto;
        background-color: pink;
    }
    

    html元素的默认宽高就是视口的宽高。如果你写了html{ width: 1190px; },子元素默认宽度值为1190px,而不再是撑满整个视口的宽度。