6-4 css .main的overflow异常

来源：6-4 使用 rxjs 高阶操作符添加广告位

weixin_慕慕8136048

2020-02-04

您好老师，我遇到一个问题就是6-4结尾处图片描述
我加上以上代码以后发现overflow没有生效
以下是我浏览器里的css

app-root高度显示正确

图片描述

图片描述
app-home-container和它的子元素main的高度异常，并且main的高度计算calc(100% - 3rem)没有生效

图片描述
打开页面看不到footer，划到下面tabbar又消失了

代码和教程源代码一摸一样，并且我也下载了git里的源代码发现也是同样的问题，请问老师这个问题应该怎么解决，十分谢谢！

写回答

1回答

接灰的电子产品

2020-02-05

已采纳

嗯，可以在 src/app/home/components/home-container/home-container.component.css 的给 :host 添加一个 overflow-y:hidden

:host {
display: flex;
flex-direction: column;
align-items: stretch;
flex: 1;
overflow-y: hidden;
}

weixin_慕慕8136048

十分感谢你的解答！

2020-02-08

共3条回复

Angular 开发拼多多webapp 从基础到项目实战

高仿拼多多WebApp，带你在实战环境中学习Angular

1322 学习 · 451 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2