"실전~"책을 오늘에서야 받아서 말씀하신 페이지를 찾아보았습니다만, 제가 원하던 것과는 아주 약간 다른 면이 있어서 제가 문제시된 부분을 샘플로 올려 봤습니다.

http://ilovelds.com/index.html

위 주소를 클릭하시면, article 부분만 나타납니다. 물론 style과 함께...^^

작업단계
1) article 부분을 우선 위아래도 분리하기 위해, div를 block1, block2로 만들었습니다.
2) block2에는 바로 내용이 삽입됩니다만, block1은 다시 3개의 div로 분리됩니다.

여기서 문제...

3개로 분리된 div 중 하나는 DB의 자료를 나열하기 때문에 height가 얼마나 길어질지 모릅니다.
이렇게 동적으로 어느 하나의 div의 길이가 길어질때, 해당 div를 감싸고 있는 div 즉 block1의 영역도 함께 늘어나야 정상 아닌가요?

실제로, 샘플처럼, 자식div의 CSS의 float 속성을 주지 않으면 부모div인 block1의 길이는 함께 늘어납니다.
그러나, 3개의 자식div를 가로정렬하기 위해 float:left 속성을 부여하면, 부모div의 길이는 완전히 최소화가 되어 버립니다.

이것을 해결하고 싶습니다.
이건 "실전..."의 설명하신 부분과는 조금 달라서 다시 질문드립니다.^^


추신 : 여기에 글을 올릴때, "꺽음괄호"부호를 사용할 수 있도록 해 주셨으면 합니다.
많이 불편합니다.^^