首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 求个很简单的div。自己很少写，今天遇到了。

求个很简单的div。自己很少写，今天遇到了。

时间：2011-09-13

来源：互联网



每一行左边div1和右边的div2应该在同一个div3。然后多个div3又全部包含在一个div4里面。div4的位置可能在页面的任意位置。把图片传到另一个网站，引用回来竟然有些失真！

作者: 关山明月   发布时间: 2011-09-13

  1. <style type="text/css">
  2. #div4{
  3.         position:absolute;
  4.         left:300px; top:200px;
  5. }
  6. #div4 .div3{
  7.         width:500px;
  8.         padding-bottom:10px;
  9. }
  10. #div4 .div3 .div1{
  11.         float:left;
  12.         width:250px;
  13.         text-align:left;
  14. }
  15. #div4 .div3 .div2{
  16.         float:right;
  17.         width:250px;
  18.         text-align:right;
  19. }
  20. .clear{
  21.         clear:both;
  22. }

  24. </style>

  26. <div id="div4">
  27. <!-- first--->
  28. <div class="div3">
  29.   <div class="div1">this is test!--left1</div>
  30.   <div class="div2">this is test!---right</div>
  31. </div>
  32. <div class="clear"></div>
  33. <div><hr /></div>
  34. <div class="div3">
  35.   <div class="div1">this is test!--left2</div>
  36.   <div class="div2">this is test!---right</div>
  37. </div>
  38. <div class="clear"></div>
  39. <div><hr /></div>
  40. <div class="div3">
  41.   <div class="div1">this is test!--left3</div>
  42.   <div class="div2">this is test!---right</div>
  43. </div>
  44. </div>
复制代码

作者: targer   发布时间: 2011-09-13

啥玩意？什么也看不见啊！

作者: haowei4032   发布时间: 2011-09-13

啥玩意？什么也看不见啊！
haowei4032 发表于 2011-9-13 10:47



    本地图片一直发不上来！

作者: 关山明月   发布时间: 2011-09-13

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net