goods组件显示位置不对

来源：17-5 右侧食品列表布局（3）

littlefire

2018-08-15

经过测试，是如下代码：

<div>

.....

</div>

</div>

@import "../../common/stylus/mixin.styl"

.goods

display: flex

position: absolute

top: 174px

bottom: 46px

width: 100%

overflow: hidden

.......

把position: absolute去掉后，显示正常，但出现另外一个问题：Scroll，滚动不了。请问这是啥问题，谢谢

写回答

1回答

ustbhuangyi

2018-08-15

注意布局和样式的问题，滚动不了往往是没有满足滚动条件

littlefire

我把 top修改为： 208px，即可把问题解决。按照计算应该是top: 174px, 不知道什么原因，会把goods组件上移。

2018-08-15

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 1

回答 1

回答 3

回答 4