[질문]부모 내의 자식(float 상태) 높이 100% 적용 정보
[질문]부모 내의 자식(float 상태) 높이 100% 적용
본문
<div>
<div></div> // 자식 객체(float 적용상태)
<div></div> // content
</div>
이렇게 되있다고 한다면, 어떻게 부모 내의 자식 높이 100%를 적용시켜줄 수 있을까요?
해석: 부모의 높이가 변화함에 따라 자식이 변화
부모, 자식 모두 높이가 별도로 지정되어있지는 않습니다. 내용에 따라 변하는 것이죠.
테이블로 하면 매우 간단한 문제이긴 한데...;;
참고: 단순히 높이값 100%를 준다고 되는게 아님.
알려주시면 감사하겠습니다.
<div></div> // 자식 객체(float 적용상태)
<div></div> // content
</div>
이렇게 되있다고 한다면, 어떻게 부모 내의 자식 높이 100%를 적용시켜줄 수 있을까요?
해석: 부모의 높이가 변화함에 따라 자식이 변화
부모, 자식 모두 높이가 별도로 지정되어있지는 않습니다. 내용에 따라 변하는 것이죠.
테이블로 하면 매우 간단한 문제이긴 한데...;;
참고: 단순히 높이값 100%를 준다고 되는게 아님.
알려주시면 감사하겠습니다.
추천
0
0
댓글 4개
body에서 height:100%;를 준 후에
자식객체의 style에서 min-height:100%;를 하는 것은 어떨까요?
자식객체의 style에서 min-height:100%;를 하는 것은 어떨까요?
감싸고 있는 div id를 container 라고했을때,
#container {*height:1%;}
#container:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
이렇게 하시면, 안에 내용의 길이에 따라 감싸는 div의 길이가 변화합니다.
#container {*height:1%;}
#container:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
이렇게 하시면, 안에 내용의 길이에 따라 감싸는 div의 길이가 변화합니다.
저도 이게 많이 궁금하던데,,티파니님이 알려주신것으로 함 해봐야겠습니다.
테이블로 다시 돌아서던가 해야지,,갈수록 어렵습니다.^^
테이블로 다시 돌아서던가 해야지,,갈수록 어렵습니다.^^
다른 방법을 생각해봐야할듯 합니다;; Container의 위, 아래에도 내용이 있어서 그런지 소용이 없네요;;
