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;
}