2012-06-27 5 views
0

http://jsfiddle.net/WTELW/4/CSS의 드롭 다운이 표시되지 않고 바로

JSFiddle에 잘 다음 작품에 위치하지만, 바로 브라우저 (메모장에 복사 붙여 넣기를 시도)에서 작동하지 않습니다.

레이어의 Z- 인덱스를 설정하려고했지만 그럴 수 없습니다. 레이어가 오른쪽으로 배치되었지만 여전히 숨겨져 있는지 확인할 수 있습니다.

#header { 
    width: 1024px; 
    position: relative; 
    overflow: hidden; 
    margin-right: auto; 
    margin-left: auto; 
} 

내가 무슨 일이 일어나고 있는지 생각 헤더 안에 당신이 ul (드롭 다운)를 가지고있다 :

+0

코드를 복사하여 붙여 넣을 때 꽤 유용합니다. ' rhgb

+0

저와 Firefox 모두 WebKit 브라우저에서 작동합니다. 어떻게 제대로 보이지 않는지 또는 스크린 샷에 대해 자세히 설명해 주시겠습니까? – Zhihao

+0

원본 문서를 실제 문서 및 스타일 시트로 업데이트했습니다. – Styles

답변

2

드롭 다운은 다음에서 overflow: hidden을 제거한 후 나를 위해 나타납니다. ul의 내용이 머리글 div 외부로 확장되고 overflowhidden으로 설정되어 있기 때문에 더 이상 숨겨져 있기 때문에 드롭 다운을 볼 수 없습니다.

관련 문제