Foundation CSS 프레임 워크 드롭 다운 선택

Question

Foundation CSS를 사용하고 있습니다. 하지만 드롭 다운을 선택하면 간단한 HTML 태그로 사용됩니다.

문제는 작은 (모바일) 창에서 드롭 다운이 작동하지 않는다는 것입니다.

여기서 오류를 재현했습니다. http://jsfiddle.net/BZrT8/1/ (CSS 블록에는 foundation.css와 main.css를 모두 추가했습니다).

나는 문제가 foundation.css

float:left;가 작동하지 드롭 다운 목록을 만드는 이유는 어떤 아이디어에 .row .mobile-three 속성의 float:left; 속성에 의해 발생되는 것을 발견? 그리고 그것을 고치는 방법? 이 콘텐츠 또는 배경이없는 원인

<div class="seven columns"></div> 

당신은 그것을 볼 수 없습니다 :

Answer 1

당신은 좁은 화면에서 선택을 겹쳐 사업부가 있습니다. 그것은 오른쪽으로 떠 있고 공간을 차지합니다. 나중에 DOM에 있기 때문에 선택이 끝났습니다.

이 div를 제거하거나 원하는대로 다시 배치하거나 다시 작성하십시오.