Vue根节点div不占满屏幕

问题现象&＃xff1a;

问题代码&＃xff1a;

<template><div class&＃61;"home"><div class&＃61;"home_title">div><div class&＃61;"home_body">div><div class&＃61;"home_footer">div>div>
template>


.home/*设置占满屏幕*/ {background-color: red;width: 100%;height: 100px;margin: 0;
}
.home_title {width: 100%;height: 60px;background-color: #0593d3;margin: 0;
}


解决后效果&＃xff1a;

解决CSS代码&＃xff1a;

.home,/*设置占满*/
html,
body {background-color: red;width: 100%;height: 100%;margin: 0;
}
.home_title {width: 100%;height: 60px;background-color: #0593d3;margin: 0;
}