CSS 절대 위치 딜레마

Question

저는 CSS에 대해 매우 경험이 있습니다.하지만 이건 혼란 스럽습니다. 간단한 수정이라도 사과드립니다.

여러 필드 세트가있는 Drupal 웹 폼을 테마로 시도하고 있습니다. 아이디어는 서로 위에 필드 세트를 쌓는 것입니다. 상대적으로 그리고 절대적으로 포지셔닝하는 것은 꽤 간단한 CSS 문제입니다. 그러나 포함 된 div가 모양을 유지하는 대신 붕괴하는 것은 매우 잘못됩니다.

http://164.177.146.240/eventbooking5/node/6에서 문제를 확인할 수 있습니다. 나는 fieldsets의 배경색을 녹색으로 설정했다. 경계를 포함하는 테두리가 빨간색 테두리이며 상대적으로 배치됩니다. 필드 셋이 절대적으로 위치 할 때 내가 예상대로

, 그들은 스택 만 포함 DIV 붕괴 및

난 정말 어떤 도움을 주셔서 감사합니다 것 스타일링 사이트의 나머지 부분을 손상시킨다.

Answer 1

아마도 CSS를 사용하여 포함 된 div에 높이를 넣을 수 있습니까?

또는 키가 가장 큰 필드 세트의 높이를 잡고 포함 된 div를 높이로 만드려면 일부 자바 스크립트를 사용 하시겠습니까?

또는 첫 번째 필드 세트로 시작하는 각 필드 세트에 대해 동적으로 수행하십시오. 그러면 anotjher fieldset으로 이동할 때 javascript는 높이를 가져오고 컨테이너 div를 해당 높이로 설정합니다.