在div的右下方浮动div

Question

这是我当前的html：

 .left { width:50%; float:left; } .right { width:50%; float:left; } 

  <div class="container"> <div class="left">This is left content</div> <div class="right">This is left content</div> </div> 

有了这个CSS，对于较小的分辨率， right div会在left div下，但是我要相反，我想让left div在right 。

可能吗？

谢谢！

更新：

很抱歉，如果我的问题还不够清楚，我正在使用媒体查询进行响应式布局。 我已经将媒体查询应用于不同的屏幕分辨率。 我想做的是维护桌面的顺序，即LEFT div然后RIGHT div。 但是对于移动设备，LEFT DIV应该显示在RIGHT div下。 @GCyrillus示例代码正是我想要的。 如果有人遇到同样的问题，这是解决方案。

http://codepen.io/anon/pen/VYGKjp

Answer 1

您可以在此处做两件事，要么将它们向右浮动，要么向左浮动，或按以下方式更改标记：

<div class="container">
    <div class="right">This is left content</div>
    <div class="left">This is left content</div>
</div>

Answer 2

只需使用左右div切换顺序即可。

HTML

<div class="container">
    <div class="right">This is right content</div>
    <div class="left">This is left content</div>
</div>

CSS

.left { width:50%; float:left; }
.right { width:50%; float:left; }

Answer 3

切换div

<div class="container">
  <div class="right">This is right content</div>
  <div class="left">This is left content</div>
</div>