CSS：将溢出项目转换为新行

Question

我刚买了一个WP主题：http://demo.wpzoom.com/evertis/，我想修改“精选文章”部分。

我没有使用滚动按钮查看所有精选文章，而是希望显示所有精选文章（即每行三篇文章）。

我尝试修改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”的不同组合，但无法获得我想要的内容。我只能让它显示一行一行。

Answer 1

合并/添加此CSS将执行此操作：

#thumbs {
    width: auto;
    position: static;
    overflow: hidden;
}
.scrollable {
    overflow: visible;
    height: auto;
}