css - 向内部 div (nestd divs) 添加滚动条

Question

http://jsfiddle.net/9Sjvm/

我正在尝试放置滚动条并限制 <div id="items"> 的高度到 2 行，现在它随着 <span> 的数量不断增加在里面。尝试添加 overflow:scroll到内部 div 但它们都不起作用，这个特定结构的任何解决方法？数量<span> s 是动态的，它可以增长。

Answer 1

overflow: auto 工作得很好。您还需要在 #items

上添加 max-height

Fiddle

#items {
    //display: none;
    margin-top: 24px;
    position: relative;
    overflow: auto;
    border: 1px solid red;
    height: auto;
    max-height:100px;
}
.item1 {
    display: block;    
}