#inside { width:100%; height:80px; position:absolute; top:0; left:0; }

css 작업중입니다.

위와 같이 div로 부모엘리먼트(#outside)와 자식엘리먼트(#inside)를 설정했습니다.

그런데 부모 엘리먼트가 자식엘리먼트를 담지 못합니다.

(현재 부모 엘리먼트는 자신의 폭값은 가지고 있지만, 높이값은 가지지 못하고 있네요.)

부모 엘리먼트에 자식 엘리먼트보다 height 값을 많이 줘서 감싸고 있는 형상을 만들어도,

사실은 감싼 것이 아니더군요.

현재 상황을 그림으로 말하자면 다음과 같습니다.

위 그림은 crazy4j라는 블로그에서 가져온 것인데요.

제가 처한 상황이 위 그림과 완전히 같지는 않습니다.

아무튼 위 그림처럼 빨간색 자식 엘리먼트가 부모 엘리먼트 안으로 포함되지 않은 상황입니다.

(사실 위 블로그의 관련 설명대로 따라해 보다가, 잘 되지 않아서 질문드립니다.)

저는 자식엘리먼트 #inside가 특정한 높이값을 가지는 만큼

부모엘리먼트 #outside가 그 높이값만큼 자동으로 감싸안는 구조를 만들고 싶습니다.

어떻게 수정해야 할까요?

* #outside position에 relative 설정한 것은, 

relative 설정을 하지 않을시 화면 좌측 최상단으로 날아가버리기 때문입니다.

레이아웃에 맞추어 위치를 잡기 위해 relatve 설정했습니다.

* 또한 #inside position을 absolute시킨 것은, 다른 div와 겹치게 하기 위해서입니다.