CSS：将溢出项转换为新行

我刚买了一个WP主题：我想修改“特色文章”部分

我不想使用滚动按钮查看所有特色文章，而是想显示所有特色文章（即每三篇文章显示一行）

我试图修改CSS，但无法得到我想要的。大多数“溢出”文章都是关于文本的

     .scrollable {

    /* required settings */

    position:relative;

    overflow:hidden;

    width: 930px;

    height:400px;

}
 .slide {

 -webkit-border-radius: 5px;

 -khtml-border-radius: 5px; 

 -moz-border-radius: 5px;

 border-radius: 5px;

 background:#e6eef4;

 padding:10px;

 margin:0 20px 0 0;

 float:left;

 width:270px;

 position:relative;

 display:inline;

 }

---

我在Firefox上使用Firebug并尝试了“display:block”和“float:auto”的不同组合，但无法得到我想要的。我只能让它一行显示一篇文章。

合并/添加此CSS即可：

#拇指{
宽度：自动；
位置：静态；
溢出：隐藏；
}
.可滚动{
溢出：可见；
高度：自动；
}

这真是神奇！你的代码很有魅力！当我第一次看到你的答案时，我严重怀疑它是否有效，因为你甚至没有更改“高度：400px”和“浮动：左”。这怎么可能？我在某个地方读到“float:left”和“display:inline”主要负责这些东西。即使您没有更改“高度：400px；”in“.scrollable”，您的代码如何工作？这并不重要，因为

#featured

保存了一天-它有

float:left

所以它包含了浮动。我已经编辑了一些答案，这些答案看起来应该相同，但更有意义。