2021-04-02

#app{ height: 100%; width: 100%; }app.vue 无效的解决办法

设置height: 100%;是无效的，在chrome的Elements中发现height仍然是0px.

设置高度100%时，div的高度会等同于其父元素的高度。而上面中id为app的div（vue挂载的div）的父节点是body标签，body标签的父节点是html标签。在默认情况下html和body标签的高度为auto，而浏览器是不会自动给标签添加高度的，所以html和body标签就为0，自然子div的高度设置为100%就不起作用了。

	html,body,#app{
 		height: 100%;
 		width: 100%;
	}

原文链接：https://blog.youkuaiyun.com/Gomeer/article/details/91445997