一般情况下，不应该设置容器高度，容器的高度应该默认由内容决定。
设置容器高度，在一开始布局的时候很容易，但是一旦有UI更改的需求，容器高度很难响应变化
对于容器的宽度，则可以灵活设定。
那什么时候会设定容器的宽高呢？
对于高度
- 满屏应用：html
html{
height:100%;
overflow：hidden；
}
使页面html元素的高度总是与可视区域大小一致
默认情况下，html是位于viewport包含块中的，viewport为浏览器可视窗口，可视作html内容的承载画布，在PC端与浏览器可视区域大小一致，其大小可以通过document.documentElement.clientWidth获得。
PC端：html元素宽度由于块级特性总是与viewport宽度一致，而高度则是由html内包含的内容的高度决定
overflow: visible;
/* 内容会被修剪，并且其余内容不可见 */
overflow: hidden;
/* 内容会被修剪，浏览器会显示滚动条以便查看其余内容 */
overflow: scroll;
/* 由浏览器定夺，如果内容被修剪，就会显示滚动条 */
overflow: auto;
/* 规定从父元素继承overflow属性的值 */
overflow: inherit;
