vue设置组件高度100%
#方法1(成功)设置单位为100vh。#方法2:我试了一下,没成功(可能要在App.vue设置)。给div设置高度100%时,div的高度会等同于其父元素的高度。而上面代码中id为app的div(即为vue挂载的div)的父节点是是body标签,body标签的父节点是html标签。在默认情况下html和body标签的高度为auto,而浏览器是不会自动给标签添加高度的,所以html和body...
·
#方法1(成功)
设置单位为100vh。
#方法2:我试了一下,没成功(可能要在App.vue设置)。
给div设置高度100%时,div的高度会等同于其父元素的高度。而上面代码中id为app的div(即为vue挂载的div)的父节点是是body标签,body标签的父节点是html标签。在默认情况下html和body标签的高度为auto,而浏览器是不会自动给标签添加高度的,所以html和body标签就为0,自然子div的高度设置为100%就不起作用了。
<template>
<div id="app">
我是根节点
</div>
</template>
html,body,#app {height: 100%;}
更多推荐
已为社区贡献4条内容
所有评论(0)