我是直接复制老师的css样式的，但是css有问题，我要取消掉css样式中的绝对定位，数据才能显示出来

来源：5-1 scroll-nav 组件应用

weixin_慕勒2484493

2019-07-29

    <ul>
      <li
        v-for='food in good.foods'
        :key='food.name'
        class='food-item'
      >
        <div class='icon'>
          <img width='57' height='57' :src='food.icon'>
        </div>
        <div class='content'>
          <h2 class='name'>{{food.name}}</h2>
          <p class='desc'>{{food.description}}</p>
          <div class='estra'>
            <span class='count'>月售{{food.sellCount}}份
          </span><span>好评率{{food.rating}}%</span>
          </div>
          <div class='price'>
            <span class='now'>￥{{food.price}}</span>
            <span class='old' v-show='food.oldPrice'>￥
          {{food.oldPrice}}</span>
          </div>
        </div>
      </li>
    </ul>
    </cube-scroll-nav-panel>
  </cube-scroll-nav>
</div>

![图片描述](http://img1.sycdn.imooc.com/szimg/5d3f06ed096b3fea17280825.jpg) 这是取消掉scroll-nav-wrapper里面的绝对定位样式，如果没有取消掉这个属性，就会变成下图 ![图片描述](http://img.mukewang.com/szimg/5d3f075f090dc7a516890783.jpg) goods无内容，并且评论商家组件的内容挤上来了

写回答

3回答