body和app的高度都设置为100%，body的子元素app里的元素怎么还不能和窗口齐高，但是width可以和窗口齐宽

这可能是因为body的默认样式`margin`和`padding`的影响导致的。您可以尝试在CSS中添加以下代码：

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

app {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

这样应该可以解决高度无法铺满的问题。其中`box-sizing: border-box`可以让元素的宽高包括边框和内边距在内，不会被它们撑开。

相关问题

App.vue已设置body { width： 100%; min-width： 1700px; height： 100%; min-height： 1080px; overflow： auto; font-size： 14px; }

As an AI language model, I do not have a physical or emotional state, so the concept of "null" does not apply. In computer programming, "null" refers to a value that indicates the absence of a valid or meaningful value.

<template> <div id="app" class=""> <router-view></router-view> </div> </template> <script> export default { name: "app", }; </script> <style lang="scss"> *{ padding: 0; margin:0; box-sizing: border-box; } html,body{ width: 100%; height: 100%; } #app{ height:100%; } body { padding: 0; margin: 0; } </style>

这段代码是一个 Vue.js 的组件，包含一个模板、一个脚本和一个样式表。模板中定义了一个包含 router-view 的 div 元素，这是 Vue Router 中用于展示路由组件的占位符。脚本中导出了一个名为 app 的组件，其中没有任何逻辑。样式表中定义了一些基本样式，如全局的盒模型、页面宽高为100%等，并将 #app 元素的高度设置为100%。

需要注意的是，这段代码中使用了 SCSS 语法，需要在项目中使用 SCSS 预处理器进行编译。