1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。
2、html页面代码如图所示，定义一个div，然后给一个id属性即可。
3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。
4、然后在浏览器运行之后的效果是这样的哦，放大缩小浏览器，宽高会随之改变。
5、这个方法是使用expression来设置高度即可。
项目中，移动端要自适应，由于有时候数据不够，所以导致了有的区域空白
要求：没有数据的时候能够充满屏幕，数据超出屏幕就出现滚动条
做法
1-让容器高度充满这个屏幕
在容器内容很少的情况下，要想让这个容器充满整个屏幕：
`.container{
}`
2-让容器高度充满剩余屏幕高度
要让容器充满屏幕的剩余高度，用 vh 结合 flex 布局就可以实现。
`.content{
}
.header{
}
.content{
}
.footer{
}`
![关于[JS] forEach循环return无法跳出的踩坑和解决方案](/aiimages/%E5%85%B3%E4%BA%8E%5BJS%5D+forEach%E5%BE%AA%E7%8E%AFreturn%E6%97%A0%E6%B3%95%E8%B7%B3%E5%87%BA%E7%9A%84%E8%B8%A9%E5%9D%91%E5%92%8C%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88.png)
