[질문]부모 내의 자식(float 상태) 높이 100% 적용
<div>
<div></div> // 자식 객체(float 적용상태)
<div></div> // content
</div>
이렇게 되있다고 한다면, 어떻게 부모 내의 자식 높이 100%를 적용시켜줄 수 있을까요?
해석: 부모의 높이가 변화함에 따라 자식이 변화
부모, 자식 모두 높이가 별도로 지정되어있지는 않습니다. 내용에 따라 변하는 것이죠.
테이블로 하면 매우 간단한 문제이긴 한데...;;
참고: 단순히 높이값 100%를 준다고 되는게 아님.
알려주시면 감사하겠습니다.
<div></div> // 자식 객체(float 적용상태)
<div></div> // content
</div>
이렇게 되있다고 한다면, 어떻게 부모 내의 자식 높이 100%를 적용시켜줄 수 있을까요?
해석: 부모의 높이가 변화함에 따라 자식이 변화
부모, 자식 모두 높이가 별도로 지정되어있지는 않습니다. 내용에 따라 변하는 것이죠.
테이블로 하면 매우 간단한 문제이긴 한데...;;
참고: 단순히 높이값 100%를 준다고 되는게 아님.
알려주시면 감사하겠습니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 4개
자식객체의 style에서 min-height:100%;를 하는 것은 어떨까요?
#container {*height:1%;}
#container:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
이렇게 하시면, 안에 내용의 길이에 따라 감싸는 div의 길이가 변화합니다.
테이블로 다시 돌아서던가 해야지,,갈수록 어렵습니다.^^