#问题解决#在写微信小程序的时候，想要给当前页面添加一个背景颜色但是背景颜色未占满整个界面的解决方案

在写小程序的时候，想要给当前页面添加一个背景颜色：

如：

但是只能出现一半的背景颜色效果：

方法步骤：

步骤1》.在我们的indeContainer也就是这个你想添加的背景颜色这个组件加上背景颜色，

background-color: 填写你想要的颜色;

添加之后的效果：

问题：此时，我们已经添加好了相应组件的背景颜色的样式，但是我们背景颜色并没有，占满整个背景，此时，是因为我们的当前的组件的是flex布局，没有设置宽高，自动被组件中的内容，所撑开，所以说我们进入到2

步骤2》.给当前的组件设置高度：

height：100%

按照我们的构想，应该是没有问题了，得到的结果应该是目标结果，但是仍然还是没有用，此时：

我们思考？===》

添加了高度是height：100%,所以说此时我们的高度应该是占满整个屏幕，才对，但是检查页面的元素，

高度还是没有占满整个屏幕，此时，我们看到控制台，当前的组件的外边还包裹着一个<page>组件（标签），==》软件自动添加的，宽高默认内容自动撑开，所以此时进入3

步骤3》.

在样式的最开头添加：

page{
  height:100%;
}

成功解决！！！

===》优化：
因为当前的软件会自动给我们的每一个页面的最外层添加一个<page>组件（标签）,但我们的页面增多的时候，如果要为每个页面进行背景颜色设置，就需要在每个页面的样式文件里面添加上面的代码，这样的话，就会新增很多代码，显得很复杂，为了方便和避免这样的问题，我们可以在全局的公共样式中添加当前代码