스크롤 할 때 div를 가져 오는 데 문제가 있습니다. [CSS]

Question

내가 필요한 것은 외부 div를 사용하여 메시지를 스크롤 할 수있게하는 것입니다. inner div는 외부 div의 하단에 위치하여 새 메시지가 (JavaScript를 통해) 추가 될 때 맨 아래부터 시작하여 위로 올라가는 ... 작동합니다. 스크롤 할 수 없습니다.

<div id="outside"> 
    <div id="inside"> 
     <p>The quick</p> 
     <p>brown fox</p> 
     <p>jumps</p> 
     <p>over the</p> 
     <p>lazy</p> 
     <p>dog.</p> 
     <p>I'm on the bottom!</p> 
     <p>I'm on the bottom!</p> 
     <p>I'm on the bottom!</p> 
     <p>I'm on the bottom!</p> 
    </div> 
</div> 
<style> 
#outside { 
    height:150px; 
    width:300px; 
    position:relative; 
    overflow-y:scroll; 
} 
#inside { 
    position:absolute; 
    bottom:0; 
} 
</style> 

편집 : 그것은 라이브 채팅 출력 당신이 결국 출력을 오버 플로우거야 보내는 메시지를 계속한다면 내가 일하고 있어요 무엇 http://io-chat.com:85/lobby에 가서 참조하십시오. 이제 스크롤 할 수 있지만 상단에 큰 공백이 생깁니다.

Answer 1

외부 CSS 클래스에 top 특성을 추가하거나 내부 클래스에 높이를 지정하여 스크롤 할 수 있습니다. 나는 네가 원하는 것을 정확히 이해하는지 모르겠다. 각각의 내부 div는 메시지입니까, 아니면 내부의 각 단락입니까?