height、width的使用--以及html、body元素的一些知识

　　块级盒子可以设置宽高，最简单的方式是直接设置数值

div{
  width:100px;
  height:100px;
}

　　还可以设置百分比：

div{
  width:100%;
  height:100%;
}

　　接下来就是我们要重点记住的知识点：

1. 百分数的设置，是相对于其最近的包含块的；
2. 如果包含块没有显式声明宽高，那么百分数就会重置为auto；

---

　　额外的知识点：html元素、body元素也是块级盒子；父级、子级关系；

　　html元素的宽高由浏览器窗口控制，浏览器窗口大小的改变便会影响到html元素的宽高；

　　html元素有默认值：overflow：auto；所以当需要的时候，窗口便会出现滚动条（html宽高为浏览器窗口大小）；

　　body元素有默认值：position：static；所以body中的子级定位元素（absolute、fixed）相对的是html元素，也就是相对于窗口（因为html元素就是浏览器窗口的大小）

　　几乎所有的浏览器，内置（默认）的页边距偏移是body元素的margin，而不是html的padding，有些还是body的padding，所以通过设置body{margin:0;padding:0;},重置页边距，缺一不可；