반응 형 CSS, 모바일 div 스택

Question

좋은 사람 - 약간의 도움이 필요합니다. 응답 성이 좋은 사이트를 만들고 있습니다. css 미디어 쿼리로 축소됩니다. 내 문제는 서로 옆에 두 개의 div가 있고 모바일 버전에서 파란색 위에 빨간색을 원한다는 것입니다. http://barebente.com/test/responsive/

브라우저 크기를 400으로 조정하면 무슨 뜻인지 알 수 있습니다. 웬일인지 나는 그들을 다른 길로 쌓을 수 없다. 그러면 기본 메뉴 아래에 콘텐츠가 표시되고 보조 메뉴 (사이드 바)는 아래에 표시됩니다. 제안 및 도움은 대단히 감사하겠습니다.

Answer 1

빨간 상자는 먼저 div을 주문한 다음 파란색을 주문하십시오. float: right 빨간색 중 하나이며 float 파란색 중 하나가 아닙니다.

(CSS 미디어 쿼리 사용) float 속성을 빨간색으로 제거하십시오.

이렇게하면 원하는대로 스택해야합니다.