包装器div(百分比宽度,向左浮动)包含:
>一个包含文本和链接的div;
>一个包含图像的Div;
问题:
我想保持上面的编码顺序,但对于用户体验,我想使用CSS反转divs顺序得到这样的东西:
注意:包装器div为20%,向左浮动,然后是该页面上的4个其他类似div.
泰!
这是小提琴链接:
最佳答案
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;
}