移动端清除滚动条

移动端布局中经常会碰到要清楚滚动条，特别是横向滚动条，现在我们就以横向滚动条为例，来看下我们怎么清楚滚动条。

• 布局实例

<div id="long">
  <p>内容很长111112222233333444445555566666内容很长111112222233333444445555566666...</p>
</div>

#long {
    width: 750px;
}
#long p {
    width: 1000px;
}

比如上面的一个例子，p标签的内容很长，这时候就会出现溢出的情况，这时候就会想到滚动，横向滚动条就会出现，这样我们怎么清除呢？

• 解决方法

<div id="long">
    <div id="parent">
        <div id="child">
          <p>内容很长111112222233333444445555566666内容很长111112222233333444445555566666...</p>
        </div>    
    </div>
</div>

#long {
    width: 750px;
}
#long p {
    width: 1000px;
}
#parent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#child {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    padding-bottom: 15px;
    padding-right: 15px;
}