響應式設計定位跨度

Question

我有兩個跨段內嵌塊顯示，在響應模式下（對於分辨率低於768X1024）我需要將一個放在另一個之上，所以我設置顯示屏阻止，但錯誤的位於頂部我怎樣才能使第二跨度最高？

感謝

Answer 1

看看這種變化有助於： http://jsfiddle.net/panchroma/RLSkL/

重要的位是我翻的，然後使用CSS HTML中的兩個div的順序來管理佈局

CSS

/* pull the first div to the right and the second to the left for desktop views */ 
#loginContent{ 
width:330px; 
float:right; 
} 

#attensions{ 
width:330px; 
float:left; 
} 

.LgnBtn{ 
clear:both; 
} 

/* for tablets and smartphones, remove the floats above */ 

@media (max-width: 790px){ 
#loginContent{ 
width:100%; 
float:inherit; 
} 

#attensions{ 
width:100% 
float:inherit; 
} 

} 

希望這有助於！

Answer 2

在<div>使用float:left你想在最前面。

Answer 3

唯一的方法就是在您的html代碼中向上移動#loginContent，另一方面您可以使用絕對位置來設置自己的位置。對於考試：

#attensions{ 
    position: absolute; 
    top: 180px; 
} 
#loginContent{ 
    position: absolute; 
    top: 0; 
}