div 태그 height 관리 질문. div안에 얼마나많이 넣어야할지 모를때.(동적)
한길찬
HTML5, CSS, JavaScript, JQuery1.6.4, Eclipse EE(Juno), Tomcat7, Window7, Chrome+(CoolNovo)
비메오 API로 프로젝트 진행하고 있는 웹개발 초보 학생입니다.
영상에 대한 댓글을 받아오려고하는데요.
div태그로 댓글을 넣을 공간을 만들었습니다.위처럼 만들려고 합니다.
articledivimg src=# //div
divdivUserName/divdivTEXT TEXT TEXT TEXT.../div/div
/article
위처럼 article이 하나의 댓글입니다.저렇게 하나의 article을 만들어서 댓글 div안에 넣어주려고 하고 있습니다.
근데 내용이 길어질 경우 내용이 이미지 밑으로 오는 문제가 생겼습니다.
위처럼 빨간부분(내용)이 노란부분(이미지)을 침범하지 않아야 하는데요...ㅠ
제가 지금 하고 있는 겁니다..첫번째 댓글 보시다시피... 내용이 길어질경우 이미지영역아래로 가네요..
-------------------------------------------articlediv style=float:left;height: 11%;width: 7%;margin-right: 2%; img src=./addon_vimeo/images/default.jpg style=width: 100%;height: 100%;/div divdivNameNAmeNAME/divdivtextasdjashdjklfashdjklfhasljdkfhasdjfhasklbr asdkfja;ksdjf;asdhf;hsdfjkahsdfjhasdjkfbr asdfjhasdkljfaghsdjfhasdbrasdjkfhsjkldhljksdfsdgfbrajskdfhjklasdgfhsdgbrasdasasdfasdfasdfasbrasdfasdfasdfabr첫번째댓글끝br /div/div/article-------------------------------------------아... 어떻게 해야할지 모르겠어서... 이렇게 질문 올립니다.
조언좀 부탁드려요!!!
감사합니다!
-
한추렴
답변 감사합니다!! 덕분에 어느정도 해결이 된것 같아요!
-
바람
우측영역 감싸는 div에도 플롯을 주시고
아티클에서 플롯해제를 하세요