calc失效，tab和footer还是跟着滚动

来源：6-5 创建垂直网格组件

B4O

2019-11-04

css .main 写了 height: calc(100% - 3rem); 整个窗口还是一起滚动
但是把height写成固定的height:30rem以下中间的就不跟着滚动了，请问要怎么处理呢。

写回答

2回答

qq_慕的地0062099

2019-11-14

你需要在这个页面里面的:host 中加入height： 100%；

慕斯卡0211611

home-container.component.css :host { display: flex; flex-direction: column; align-items: stretch; flex: 1; overflow-y: hidden; /*我是这个没加*/ }

2023-05-13

共1条回复

接灰的电子产品

2019-11-04

对比一下git代码，不一定是这个height，很多时候容器样式也会影响

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

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

1322 学习 · 451 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2