수다닷컴

HTML, CSS, JavaScript, JQuery1.6.4, Eclipse EE(Juno), Tomcat7, Window7, Chrome+(CoolNovo)
안녕하세요,비메오API로 프로젝트 진행하고 있는 웹개발 초보학생입니다.
어제드렸던 질문에 대한 연장선인 질문입니다.
동영상에 대한 댓글을 받아오는 내용인데요.
댓글을 담을 div를 하나 만들었습니다.
그리고 그 div 안에 댓글을 계속 추가해주는 형태로 프로그램을 짜려고 하고 있습니다.
댓글의 height가 고정적이라면 어렵지 않게 짤 수 있을 것 같은데. 댓글이.. text의 내용에 따라 height가 완전 다릅니다.달랑 한줄이 될수도 있고, 십여줄이 될수도 있습니다.
댓글이 추가될때마다 해당 div의 height를 늘려줄까.. 하는 생각으로 $(#divID).css(height,Value); 이런식으로 생각도 해보았으나.. 역시... 댓글이 고정적인 크기가 아니라는게... 그렇다고.. 댓글을 height를 알아내는 방법도 없는 것같습니다.
아래 이미지와 같은 형식으로 댓글을 표시하려고 하고 있습니다.보시다시피 3번째 댓글부터는 영역을 벗어나서 나오게 되네요..

아래는 위의 이미지에 대한 코드입니다. 동일한 article이 3개 들어 있습니다.---------------------------------------------------------------------------------------------------
div style=background: blue;width: 90%;margin-left: 5%;margin-right: 5%;article style= background: yellow; clear: both; padding-top: 1%; div style=height: 100%;float: left;img src=#style=height:75px;width:75px;float:left; /div div style= height: 100%; margin-left: 2%; float: left; div style=font-weight: bold;NameNAmeNAME/div div style= margin: 0.2%; asdasdfasdfjhasdkjfhskdjlfhajksdgfasdgfh br asdasdfasdfjhasdkjfhskdjlfhajksdgfasdgfh br asdasdfasdfjhasdkjfhskdjlfhajksdgfasdgfh br asdasdfasdfjhasdkjfhskdjlfhajksdgfasdgfh br asdasdfasdfjhasdkjfhskdjlfhajksdgfasdgfh brb style=font-size: 9pt; /div/b/div/article/div

-------------------------------------------------------------------------------------------------
질문의 핵심은. div의 height를... 어떻게 처리해줘야 하나 입니다. ㅠ제가 원하는 것은 댓글의 갯수에 따라 그 height에 맞게 댓글div의 height가 맞춰지는 것입니다.
어떻게 해야 할지 조언좀 부탁드립니다!!!

감사합니다!

신청하기