여태껏, CSS3나 HTML5에 대해서 모르고, 모든 화면을 "Table"로 처리하던 개발자입니다.
귀하의 책을 보면서 새로운 것에 대한 깨달음으로 기쁜 나날을 보내고 있습니다.^^

다름이 아니라,

P305에서 부터 시작하는 "article"부분에 대한 생성에 대해 질문 있습니다.
저자님은 "div id="solution""부분을 정해진 높이로 설정(min-height:150px)하셨는데요...

저는 이 부분이 동적으로 높이 조절이 될 필요가 있습니다.
즉, #solution 밑의 #hosting, #security, #payment 중에 가장 길게 만들어지는 높이-이 높이도 동적으로 자료의 양에 따라 달라 지지만...-를 기준으로 #solution의 높이 조절이 필요합니다.

물론, #solution 의 배경색이 없으면 굳이 높이를 조절할 이유는 없지만,
#solution 처럼, 배경색을 갖고 있기에, 하위 div를 모두 감싸는 #solution 이 필요한 겁니다.

#solution 의 min-height:150px 대신에 동적으로 만들어지는 #hosting, #security, #payment의 height에 따라 #solution의 height가 조절되는 방법을 가르쳐 주셨으면 합니다.

스스로 알아내기에는 시간이 너무 많이 걸려서 급한 마음에 질문 납깁니다.
좋은 책 써 주셔서 감사합니다.

추신: 글 내용중에 "Table"등과 같은 곳의 따옴표를 쉽표와 점위의 각진괄호로 처리하니까, 등록에 문제가 생기나 봅니다.
참고하세요....^^

----------------------------------------------------------------
다르게 말씀드린다면,

저자님의 예문을 기준으로한다면,

#hosting, #security, #payment 들의 상위 div인 #solution 은 그 안에 하위 div에 대한 정의 외에는 아무런 내용이 없쟎습니까?

예를들어, #hosting과 같은 경우, 그 안에 text들이 있고, 그 문자열의 길이에 맞춰서 div의 height가 자동설정되더군요...

그런데, #hosting, #security, #payment 중에 하나만이라도 text내용을 많이 입력하여 그 길이를 길게 할 경우, #solution 의 min-height 이상으로 길게 밑으로 빠져나오는 현상을 겪었습니다.

즉, 제가 원하는 것은
하위 div 즉, #hosting, #security, #payment 중에 한가지라도 길어질 경우, 그에 맞게 상위 div의 height를 자동으로 길어지게 하는 방법입니다.

그럼...^^