如何在移动版本中使用css将左div放置在主div下方

我的页面中有两个div#mainContent和#leftcolumn，现在是桌面版。我可以通过使用媒体查询更改css将#leftcolumn div放置在移动版的#mainContent 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;
}

#主要内容{
宽度：748px；
利润率：0192px；
背景色：#fff4dd；
边框：1px实心#d0b281；
边框宽度：0px 1px；
填充：0 13px 0；
}
#左列{
宽度：180px；
浮动：左；
填充：0 3px 0 7px；
保证金：123px0；
}

---

谢谢

这绝对是可能的-您能创建一个JSFIDLE为我们提供此HTML吗？您的HTML是什么样子的？如果在html结构/排序中，left div位于main div之下，那么可以使用CSA。实际上，在html代码中，left列位于main content之上。可以使用css吗？或者我需要使用javascript吗？另外，您的s缺少结束标记-只是为了确保这不会给您带来任何问题。我忘了包含结束标记。谢谢@mk14。这就解决了问题