세로 100% 관련 질문입니다.
가온길
관련 질문을 찾아봤는데 대부분 body나 최상뒤 div에 height:100%를 주는 형식의 질문과 답이라.
제 질문과는 약간 달라서 질문 올립니다.
div id=aaa ------높이가 고정이 아니라 수시로 높이가 변할수 있습니다.
div/div ----- aaa의 높이가 어떻게 변하든 무조건 aaa 의 높이와 동일하게 height100%로 하고 싶습니다.
div/div ----- aaa의 높이가 어떻게 변하든 무조건 aaa 의 높이와 동일하게 height100%로 하고 싶습니다.
/div
즉 내부 div들을 세로 100%로 하고픈데
div class=container style=background:#999; min-height:560px; overflow:hidden;
div style=width:30%; background:#069; height:100%; float:left;llllll/div
div style=width:69%; background:#069; height:100%; float:right;rrrrrr/div
/div
이렇게 해봤더니 안먹네요. min-height:560px; 는 테스트 용으로 넣어본거구요.. ㅇ
이럴경우는 방법이 없나요??
아님 제이쿼리나 자바스크립트로 컨트롤 가능한지요..
아침부터 어렵네요 ㅡ.ㅡ;;
-
기쁨해
float 한 부모의 높이 값이 자식의 높이값을 가지게 하려면
.clearfix:after{display:block; clear:both; content:\\;} css추가하고
부모에 class=\clearfix\ 추가하세요
div class=\container clearfix\ style=\background:#999; min-height:560px; overflow:hidden;\
div style=\width:30%; background:# -
Addictive
div코딩에서 자식요소가 부모요소의 높이값을 그대로 따라가려면 height값이 정해져있어야합니다.
그게 아니라면 테이블코딩이나 스크립트로 제어해야됩니다.