goods组件显示位置不对

Question

老师，你好，我在https://github.com/ustbhuangyi/vue-sell/blob/master/src/components/goods/goods.vue，使用这个代码，发现goods位置不对，把商品、评价、商家遮挡住了。

经过测试，是如下代码：

<template>    

<div>    

<div class="goods">    

.....

</div>

<food .....></food>

</div>

<style lang="stylus" rel="stylesheet/stylus">    

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

 .goods    

   display: flex    

   position: absolute    

   top: 174px    

   bottom: 46px    

   width: 100%    

   overflow: hidden    

.......

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

Answer 1

ustbhuangyi 2018-08-15 10:38:32

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

• 提问者 littlefire #1

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