移动第一个分区出现在CSS中的第二个分区

前端之家收集整理的这篇文章主要介绍了移动第一个分区出现在CSS中的第二个分区前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的HTML代码如下所示:

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

>一个包含文本和链接的div;
>一个包含图像的Div;

问题:
我想保持上面的编码顺序,但对于用户体验,我想使用CSS反转divs顺序得到这样的东西:

注意:包装器div为20%,向左浮动,然后是该页面上的4个其他类似div.

泰!

这是小提琴链接

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

最佳答案
http://jsfiddle.net/QGyNN/

HTML

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;
}​

猜你在找的CSS相关文章