如何在移动版本中使用css在主div下面放置一个左div

Question

我的页面中有两个div。现在是桌面版的#mainContent和#leftcolumn。我可以通过使用媒体查询更改css，在移动版本的#mainContent div下放置#leftcolumn div吗？这是代码。

<div id="leftColumn"></div>
<div id="mainContent"></div>

#mainContent{
width:748px;
margin: 0 0 0 192px;
background-color: #fff4dd;
border: 1px solid #d0b281;
border-width: 0px 1px;
padding: 0 0 13px 0;
}

#leftColumn{
width: 180px;
float: left;
padding: 0 3px 0 7px;
margin: 123px 0 0 0;
}

由于