关于使用vue脚手架在template中定义高度无效的问题

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

多比熊

2943人浏览 · 2018-10-29 17:23:17

多比熊 · 2018-10-29 17:23:17 发布

此时应该在App.vue文件style中添加如下代码：

html,body,#app{

height: 100%;

}

以上可解决高度100%不起作用的问题

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^