html,body{ width: 100%;height: 100%;}的解释

按道理，子元素百分比是以父元素为标准，那么问题来了，html有父元素吗？

html{ width: 100%;height: 100%;}拿谁的宽高？

经过测试，是当前浏览器窗口的大小

看图

		
xxx
	
	

全屏幕下，是1506-686

缩放下

其实可以写成

	    html{ width: 100%;height: 100%}
		body{height:100%}
		div{
			height: 100%;/* 再次证明高度不能继承 */
			background-color: salmon;
		}

宽度100%不用写，可以继承，但是如果不写height,就会得不到可视区域的高度