사업부 위치가 정해지지 않았기 때문에 - CSS 문제

Question

나는 joomla 사이트에서 작업 중이며 클라이언트 용 템플릿을 사용자 정의하고 있습니다. 우선,이 말을 해봅시다. 나는 "아름답다"고 생각하지만, 테스트하고 많이 연구하려고 노력하고 있습니다. 작동하지 않는 이유를 찾지 못했습니다.

설명하자. 메뉴를로드 한 다음 빈 div (clearfix 용)를 넣은 다음 다음 요소에 대해 다른 div를 엽니 다.

(내가 pastie하는 코드를 게시하고 여기에서 연결 해요 그래서 내가 스택 오버 플로우의 코드 파서 문제가 있습니다.) 좋아

을 나는이 html이 css

을 그래서

이제 알 수 있듯이 일반적으로 wrapper_menu는 최소 130px 높이 (최소 높이 속성)가 있어야하며 필요한 경우 커야합니다. .clr은 div를 그 아래에 놓아야하기 때문에 float 및 다음 요소를 지 웁니다. menu_wrapper 내용 이후. 그렇지 않습니다. menu_wrapper는 항상 높이가 130px이며, 커지면 whitebox 요소가 위에 표시됩니다 (텍스트는 계속 표시되지만 클릭 할 수는 없지만). 래퍼에 오버플로 자동 배치를 시도했지만 여전히 맨 위에 표시되지만 텍스트는 더 이상 표시되지 않습니다. 테스트 사이트를 볼 수 있습니다 here

정말이 메뉴의 div가 콘텐츠와 함께 커지기 위해 어떤 노력을해야할지 모르겠습니다.

덕분에

Cromestant.

Answer 1

ul.menu에 position: absolute;을 사용하여 문서 플로우에서 ul을 제거합니다. 그것을 제거하면 훨씬 좋아 보일 것입니다.