我使用better-scroll的时候，出现了 父容器和子容器，高度一样的情况。请问老师怎么解决

Question

我使用better-scroll的时候，出现了 父容器和子容器，高度一样的情况。dom结构是对的，样式如下，必须设置 滚动层.shoporder-wrapper的高度才能滚动，否则父容器和子容器的高度，就相等，且大于屏幕高度

.shop-order // 第一层div
 position: fixed
 top: 36px
 left: 0
 width: 100%
 background: rgb(252,252,252)
 overflow: hidden
 z-index: 29
 bottom: 0

    .shoporder-wrapper //滚动层 div
     padding-top: 5px
     z-index: 29
    height: 360px
    .order-list-item //滚动层包着的ul
      .order-list-title
       display: flex
       padding-left: 14px
       height: 26px
       line-height: 26px
       font-size: 14px
       color: #93999f
       background: #fff

Answer 1

ustbhuangyi 2018-05-02 16:47:13

肯定要限制父元素为固定高度，子元素随内容撑开并且高度超过父元素才满足滚动条件。

• 提问者 黑眼圈_0002 #1

  我看您之前写的，代码，并没有限制父元素的高度，是自适应手机屏幕的，为什么我这不能自适应手机屏幕

• ustbhuangyi 回复 提问者 黑眼圈_0002 #2

  有啊，都会去固定高度，通过布局的方式就可以解决

• 提问者 黑眼圈_0002 回复 ustbhuangyi #3

  好的，谢谢老师，我再看一下您之前的代码。

Answer 2

提问者 黑眼圈_0002 2018-05-02 16:47:38

请问老师，这是什么原因造成的，该怎么解决