2015-04-03 22 views
1

您好我不知道是否有解決以下問題很好的解決方案:CSS/Responsive/Mobile:Content之後的Left/Right Sidebar,雖然首先在HTML中?

<div id="container"> 
<div id="left_sidebar">blablabla</div> 
<div id="right_sidebar">blablabla</div> 
<div id="main_content">blablabla</div> 
</div> 

在網站的桌面版本的CSS是這樣的:

#main_content { 
margin: 0 auto; 
width: 45%; 
} 

#left_sidebar { 
float:left; 
width:25%; 
} 

#right_sidebar { 
float:right; 
width:25%; 
} 

在移動/響應版本的目標是讓主要內容第一。然而,HTML的順序不應該改變(我知道有這個解決方案)。是否可以用純粹的CSS(在媒體查詢中)讓main_content出現在移動版本的left_sidebar/right_sidebar之前?

回答

相關問題