html中css引用顺序,html – 仅使用css交换div顺序

我想知道是否可以仅使用css以反转顺序显示两个div元素.

没有

HTML更改或

javascript代码,只是CSS.

我有以下html：

这个当前的css：

#container {

width: 200px;

border: 2px solid blue;

padding: 2px;

margin: 0;

}

.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}

#left-sidebar, #right-sidebar {

width: 150px;

padding: 2px;

}

#left-sidebar {

border: 2px solid red;

float: left;

}

#right-sidebar {

border: 2px solid green;

float: right;

}

结果显示左侧上方的右侧div.我想交换它们,显示左边的一个,保持容器属性(自动计算高度).

用不同的词来解释它,我想通过交换html代码中的两个div来获得与CSS相同的结果.

只有css才有可能吗？ [我在梦想浮动：底部属性:)]