미디어 쿼리에서 다른 div 위에 div를 두십시오.

Question

큰 화면에는 두 개의 div가 있습니다.

<div1> <div2> 

이 작은 화면에, 나는 내가 제거 할 수 있습니다 생각

<div2> 
<div1> 

를 얻을하려는 float 및 width:100% 및 display:block;을 넣어. 그리고 두 divs 위의 하나입니다, 우리는 절반 방법입니다. 그러나 div1 위에 div2을 올리는 방법은 무엇입니까? 나는 반대편 수레를 놓으려고했는데, 하나의 div 수레는 오른쪽으로, 다른 하나는 운이 없다.

음수 여백은 모든 것이 유동적 인 반응 형 웹 응용 프로그램을위한 합법적 인 솔루션입니까? 나는 div1을 다른 것의 아래에 놓을 수 없다. 그들은 항상 겹친다. 아니면보다 견고한 솔루션이 있습니까? 설정 display: table-header-group;는 바이올린에서 작동하지만 내 프로젝트에서는 작동하지 않으며 이유를 이해하지 못합니다. CSS3없이 그것을하는 것은 굉장 할 것이다. 여기

는 fiddle

내가 업데이트 당신에게

Answer 1

감사 당신의 fiddle

내가 모두 div의에 float:right;을 추가하고 난과 같이 페이지에이 순서를 변경 :

<div id="amir">amir</div> 
<div id="jake">jake</div> 

아미르가 위에있을 때 두 번째 버전이 있습니다 here

,

Answer 2

당신은 귀하의 HTML div를의 위치를 ​​교환해야 :

여기

<div id="amir">Amir</div> <div id="jake">Jake</div>

이 쉽게 할 수있는 fiddle for you