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

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

我的HTML代码如下所示:

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

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

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

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

泰!

这是小提琴链接

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

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

HTML

CSS

  1. div#wrapper
  2. {
  3. height:100px;
  4. width:60px;
  5. border:1px solid black;
  6. position:relative;
  7. }
  8. div#txt,div#img
  9. {
  10. position:absolute;
  11. margin: 5px;
  12. width:50px;
  13. }
  14. div#img
  15. {
  16. top:0px;
  17. height: 60px;
  18. border:1px solid red;
  19. }
  20. div#txt
  21. {
  22. bottom:0px;
  23. height:20px;
  24. border:1px solid green;
  25. }​

猜你在找的CSS相关文章