解决在vue中设置的height: 100%没有效果

网友投稿 1172 2022-09-03

解决在vue中设置的height: 100%没有效果

解决在vue中设置的height: 100%没有效果

在新的页面设置height无效果的时候。需要改动App这个文件的heigth

解决办法。给app这个盒子设置高度。默认情况下为0

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

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

vue.js 这个时修改后的

实际例子。

我的登录页面设置了这个页面的高度,但是没有效果。修改后成功解决

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:C/S、B/S、Web的介绍(Web应用开发)
下一篇:你的App是信息化时代的还是数字化时代的
相关文章

 发表评论

暂时没有评论,来抢沙发吧~