css - 在 CSS 中移动第一个 Div 出现在第二个下面

Question

我的 html 代码如下所示:

包装 div(百分比宽度，向左浮动)包含:

1. 一个包含文本和链接的 div；
2. 一个包含图像的 Div；

问题: 我想保持上面的编码顺序，但为了用户体验，我想使用 CSS 反转 div 顺序以获得如下内容:

注意:包装 div 占 20%，向左浮动，然后是该页面上其他 4 个类似的 div。

是的!

这是 fiddle 链接:

http://jsfiddle.net/sexywebteacher/4sbQf/

Answer 1

http://jsfiddle.net/QGyNN/

HTML

<div id="wrapper">
    <div id="txt">
    </div>
    <div id="img">
    </div>
</div>​

CSS

div#wrapper
{
    height:100px;
    width:60px;
    border:1px solid black;
    position:relative;
}
div#txt, div#img
{
    position:absolute;
    margin: 5px;
    width:50px;
}
div#img
{
    top:0px;
    height: 60px;
    border:1px solid red;
}
div#txt
{
    bottom:0px;
    height:20px;
    border:1px solid green;
}​