2013-01-11 2 views
0

탐색 모음 드롭 다운이 맨 위의 헤더 공간보다 큽니다. 내 의도 된 디자인은 아래의 내용을 계속 진행하기 위해 드롭 다운 탐색을위한 것이지만 대신 상단에 자체 스크롤 막대가 생깁니 까?탐색 모음이 스크롤로 바뀌고 있습니다.

컨테이너의 오버플로 설정은 자동입니다.

어떤 도움이 크게 조지

+4

안녕하세요 조지, 코드를 공유하고 플러스 [피들] (http://jsfiddle.net/)가 좋을 것입니다. –

+0

은 우리가 볼 수없는 것을 도울 수 없습니다. – charlietfl

+0

미안하지만, heres는 바이올린입니다. 가능한 많은 것을 제거하려고 노력했지만 쓸모없는 HTML은 조금 남았습니다. http://jsfiddle.net/TFWf6/1/ 파란색이 보시다시피 헤더와 빨간색 본체가 있습니다. nav이 펼쳐지면 몸체 위쪽으로 넘칠 수 없으며 뒤쪽으로 스크롤이 발생합니다. 도와 주셔서 대단히 감사합니다. –

답변

0

당신은 박스 모델에 문제가 될 수 있습니다 감상 할 수있다. 모든 것이 오버 플로우에있는 것처럼 보이기 때문에 자동 문제는 일반적으로 너비가 너무 높게 계산됩니다.

당신이 제공 한 피델에서 Nav 드롭 다운이 전혀 작동하지 않았습니다. 컨테이너의 너비를 살피십시오. 여기에 상자 모델 수정 시도입니다 :

* { 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    webkit-box-sizing:border-box; 
    max-width:100%; 
    } 

실패 그 모두가 자신에게 시간을 절약하고 미리 만들어진 jQuery를 드롭 다운 메뉴를 사용하는 경우. "35 개의 최고의 jQuery 메뉴"와 같은 목록이 많이 있습니다. 그 중 하나는 사용자의 필요에 맞을 수 있습니다. &은 사례를 고려하지 않고 버그를 찾아 내지 못하게합니다.

+0

감사합니다. Jennifer, 더하기 로고를 클릭하면 nav 드롭 다운이 활성화됩니다. Rapidweaver를 위해 개발 중입니다. 따라서 문제의 원인이되는 다양한 변형을 고려해야합니다. 시간과 답변을 주셔서 감사 드리며 크게 감사드립니다. –

관련 문제