수다닷컴

댓글 달아 주신 내용들 참고해서 어떻게 해서 원하는 대로 나오는듯 합니다. 그런데 정확히 답은 모르겠다는 ... 어렵네요. div - 하지만 또 다른 문제가 기다리고 있네요. 흐흑~

위 모양대로라면 몇가지 조건이 붙습니다.
포지션 레이아웃이 아닌, 플룻을 이용한 레이아웃이 되어야 하고...
유동성이 있기 위해서는 넓이와 높이를 px단위로 고정해주어서는 안되고,

수다님께서 원하시는 내용은 아마도 플룻 해제인것 같습니다.
위 모양에서 넓이와 높이가 반드시 필요한 것은 아니예요.

div 안에 텍스트등 내용이 넣어주면 영역이 표시가 되고 ... 다른 하위 div가 들어가 있으면 영역이 표시가 안되는것 같네요? 원래 그런가요?

아니요. width 값이 문제가 아니라 높이 값이 문제인데 ... 높이가 자동으로 포함된 하위 div의 움직이면 자동으로 변해 줘야 하는데 말이죠. 배경색으로 색을 지정해 줄려고 하거든요.
가로 세로 값(픽셀이든 %이든)을 지정해 주지 않으면 div영역이 제대로 그려지지 않는것 같기도 하고요?

감싼 div와 상위 엘리먼트에 모두 width:100%을 주세요