html,body{
height:100%
}
设置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,而不再是撑满整个视口的宽度。