html代码如下：

<div class="detail-wrapper clearfix">
    <div class="detail-main">
      <div>11111</div>
      <div>11111</div>
    </div>
</div>

css代码如下：

.detail
      overflow: auto
      position: fixed
      top: 0
      left: 0
      width: 100%
      height: 100%
      background-color: rgba(7, 17, 27, .7)
      z-index: 10
      .detail-wrapper
        min-height: 100%
        width: 100%
        .detail-main
          padding-top: 1.28rem
          padding-bottom: 1.28rem
          color: #ffffff

width设置为100%，或者不设置宽度，横向都会出现滚动条，怎么才能使宽度就是屏幕的宽度，横向不出现滚动条啊