사이드 바이 사이드 패널

Question

내 사이트의 HTML 템플릿을 만들고 있는데 왼쪽에 메인 콘텐츠 창이 있고 오른쪽에 탐색 창이 있습니다 (트위터와 유사).

DIV가 기본적으로 위에서 아래로 나열되어 있기 때문에 DIV가 기본 접근 방식이 아니라고 가정합니다. 저는 float로 놀았습니다 : left와 float : 맞았지 만 부모 div가 적절하게 수직으로 확장되지 못하게합니다.

나는 테이블을 사용하는 것에 대한 언급 (뒤로 향하는 것처럼 보임)과 SPAN (나는 올바른 효과를 내기 위해 사용할 수 없었 음)을 보았다.

HTML의 병렬 처리를 수행하는 가장 좋은 방법은 무엇입니까?

모든 조언이나 예를 들어 주시면 감사하겠습니다.

Answer 1

DIV가 기본적으로 맨 위에서 아래로 나열되어 있기 때문에 DIV가 기본 접근 방식이 아니라고 가정합니다.

당신이 준 예제에서 Twitter를 사용했을 때 왜 그렇게 생각합니까?

상위 항목 div은 CSS로 clear: both으로 컨테이너 div 내의 두 열 아래에 div를 놓음으로써 두 열 중 큰 것의 높이로 확장 할 수 있습니다.

Answer 2

플로트가있는 DIV가 가장 좋은 방법 일 수 있습니다. 신장에 대한 당신의 문제는 무엇입니까? div에 height: auto을 시도한 적이 있습니까?