如何在右下角顯示左側div？

Question

我想獲得這個，以便在900px或更小的角度查看時，右側的div顯示在左側的div上方。

這裏是JS的小提琴

http://jsfiddle.net/lawrencetimmins/ycxkjya1/

鏈接請幫我解決這個問題由於事先

Answer 1

更改HTML中的順序，因此，正確的DIV來向左之前。

<div id="portfolio-right-1"></div> 
<div id="portfolio-left-1"></div> 

而且浴液左右：

#portfolio-right-1 
{ 
    float: right; 
} 

#portfolio-left-1 
{ 
    float: left; 
} 

現在，當屏幕尺寸較小然後900px兩者的div都streched至100％的「正確」的排在最前面。

Answer 2

首先將div放在第一個右邊。

<div id="portfolio-right-1" class="right-column-portfolio-1"></div> 
<div id="portfolio-left-1" class="left-column-portfolio-1"></div> 

接下來在CSS中使用媒體選擇器來刪除浮動。像這樣的東西

@media all and (max-width: 900px) { 
    .left-column-portfolio-1, .right-column-portfolio-1 { 
     float: none; 
     display: block; 
    } 
}