動態內容溢出父div jquery

Question

我已經爲我的問題準備了一個不錯的JFiddle。有一個按鈕，允許您將元素添加到div。我想讓div在溢出時將一個滾動條添加到其垂直軸上，而不是僅僅沿着屏幕繼續向下。

HTML

<button>Add</button> 

<div id="foo"> 

</div> 

CSS

p{display:inline;} 
#foo{ 
background:#456; 
height:200px; 
width:100% 
} 

JS

$(document).ready(function(){ 

    ii = 1 

    $("button").click(function(){ 

      $("#foo").append("<div>"+ii+"&nbsp;&nbsp;<p class='remove'>Remove</p></div>") 
      ii++ 

    }) 

    $("div").on("click","p",function(){$(this).parent().remove()}); 


}) 

http://jsfiddle.net/25kwG/4/

Answer 1

添加overflow:scroll

#foo{ 
    background:#456; 
    height:200px; 
    width:100%; 
    overflow:scroll; 
} 

演示---->http://jsfiddle.net/25kwG/5/