大神指教一下，多个div出现横向滚动条

Question

我在网上找过方法，但是怎么用都不好使，请问我写错了么

.project_content
      height 420px
      width 100%
      overflow-x scroll
      .project_item01
        width 240px
        height 400px
        display inline-block

样式使用stylus写的，这是布局

<div class='project_content'>    <div class='project_item01'></div>    <div class='project_item01'></div>    <div class='project_item01'></div>    <div class='project_item01'></div> </div>

Answer 1

`overflow-x: auto;`
    overflow-x: scroll; 不管是否需要滚动条都会有滚动条站位.

Answer 2

什么意思？是不想出现滚动条？overflow-x scroll改成overflow-x:hidden不就行了？

Answer 3

你想知道的问题是什么？再说明下

Answer 4

overflow-x: auto;//溢出的时候出滚动条,不溢出无滚动条;
overflow-x: hidden;//无滚动条,溢出部分被隐藏
overflow-x: scroll;//始终有滚动条

Answer 5

已经解决啦：布局多嵌套一层div

.project_content
  width 100%
  overflow-x auto
  overflow-y hidden
  position relative
  .project_item_scroll
    padding 20px 10px 12px
    font-size 0
    white-space nowrap
  .project_item01
    width 240px
    height 400px
    font-size: 0;
    display inline-block
    vertical-align top
    white-space normal