淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 714|回复: 9
收起左侧

[装修相关] 关于代码错位的问题,求大神看一下

[复制链接]
  • TA的每日心情

    2016-3-12 08:27
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    22

    帖子

    3493

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3493

    发表于 2015-4-6 20:01:22 | 显示全部楼层 |阅读模式
    用了这个代码,怎么改都是出现错位,求大神用火眼金睛看一下,我该怎么办
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    #apDiv1 {
            position:absolute;
            width:356px;
            height:170px;
            z-index:1;
            left: 43px;
            top: 33px;
    }
    #apDiv2 {
            position:absolute;
            width:278px;
            height:170px;
            z-index:2;
            left: 422px;
            top: 33px;
    }
    #apDiv3 {
            position:absolute;
            width:206px;
            height:170px;
            z-index:3;
            left: 722px;
            top: 33px;
    }
    #apDiv4 {
            position:absolute;
            width:311px;
            height:170px;
            z-index:4;
            left: 950px;
            top: 33px;
    }
    #apDiv5 {
            position:absolute;
            width:210px;
            height:200px;
            z-index:5;
            left: 44px;
            top: 225px;
    }
    #apDiv6 {
            position:absolute;
            width:164px;
            height:200px;
            z-index:6;
            left: 274px;
            top: 225px;
    }
    #apDiv7 {
            position:absolute;
            width:206px;
            height:200px;
            z-index:7;
            left: 456px;
            top: 224px;
    }
    #apDiv8 {
            position:absolute;
            width:225px;
            height:200px;
            z-index:8;
            left: 680px;
            top: 225px;
    }
    #apDiv9 {
            position:absolute;
            width:339px;
            height:202px;
            z-index:9;
            left: 923px;
            top: 223px;
    }
    #apDiv10 {
            position:absolute;
            width:619px;
            height:213px;
            z-index:10;
            left: 44px;
            top: 446px;
    }
    #apDiv11 {
            position:absolute;
            width:310px;
            height:210px;
            z-index:11;
            left: 688px;
            top: 446px;
    }
    #apDiv12 {
            position:absolute;
            width:227px;
            height:206px;
            z-index:12;
            left: 1034px;
            top: 446px;
    }
    #apDiv13 {
            position:absolute;
            width:180px;
            height:125px;
            z-index:13;
            left: 44px;
            top: 684px;
    }
    #apDiv14 {
            position:absolute;
            width:268px;
            height:119px;
            z-index:14;
            left: 243px;
            top: 684px;
    }
    #apDiv15 {
            position:absolute;
            width:471px;
            height:121px;
            z-index:15;
            left: 533px;
            top: 684px;
    }
    #apDiv16 {
            position:absolute;
            width:233px;
            height:125px;
            z-index:1;
            left: 983px;
            top: 236px;
    }
    #apDiv17 {
            position:absolute;
            width:375px;
            height:194px;
            z-index:1;
            left: -7px;
            top: -11px;
    }
    #apDiv18 {
            position:absolute;
            width:296px;
            height:195px;
            z-index:1;
            left: -7px;
            top: -11px;
    }
    #apDiv19 {
            position:absolute;
            width:223px;
            height:194px;
            z-index:1;
            left: -7px;
            top: -11px;
    }
    #apDiv20 {
            position:absolute;
            width:330px;
            height:194px;
            z-index:1;
            left: -7px;
            top: -11px;
    }
    #apDiv21 {
            position:absolute;
            width:229px;
            height:213px;
            z-index:1;
            left: -8px;
            top: -5px;
    }
    #apDiv22 {
            position:absolute;
            width:176px;
            height:214px;
            z-index:16;
            left: 268px;
            top: 220px;
    }
    #apDiv23 {
            position:absolute;
            width:218px;
            height:212px;
            z-index:17;
            left: 451px;
            top: 220px;
    }
    #apDiv24 {
            position:absolute;
            width:238px;
            height:212px;
            z-index:18;
            left: 674px;
            top: 221px;
    }
    #apDiv25 {
            position:absolute;
            width:355px;
            height:214px;
            z-index:19;
            left: 917px;
            top: 220px;
    }
    #apDiv26 {
            position:absolute;
            width:636px;
            height:232px;
            z-index:20;
            left: 38px;
            top: 437px;
    }
    #apDiv27 {
            position:absolute;
            width:330px;
            height:228px;
            z-index:21;
            left: 679px;
            top: 438px;
    }
    #apDiv28 {
            position:absolute;
            width:256px;
            height:229px;
            z-index:22;
            left: 1016px;
            top: 439px;
    }
    #apDiv29 {
            position:absolute;
            width:193px;
            height:142px;
            z-index:23;
            left: 39px;
            top: 677px;
    }
    #apDiv30 {
            position:absolute;

    这就是上传后的图片

    这就是上传后的图片
            width:281px;
            height:141px;
            z-index:24;
            left: 239px;
            top: 678px;
    }
    #apDiv31 {
            position:absolute;
            width:490px;
            height:141px;
            z-index:1;
            left: -8px;
            top: -6px;
    }
    #apDiv32 {
            position:absolute;
            width:251px;
            height:142px;
            z-index:2;
            left: 488px;
            top: -7px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="apDiv1"><img src="http://img04.taobaocdn.com/imgextra/i4/2225907626/TB2ARH2cXXXXXXSXpXXXXXXXXXX_!!2225907626.png" width="358" height="170" />
      <div id="apDiv17"></div>
    </div>
    <div id="apDiv2"><img src="http://img01.taobaocdn.com/imgextra/i1/2225907626/TB2JKr9cXXXXXX6XXXXXXXXXXXX_!!2225907626.png" width="277" height="171" />
      <div id="apDiv18"></div>
    </div>
    <div id="apDiv3"><img src="http://img04.taobaocdn.com/imgextra/i4/2225907626/TB2BdL7cXXXXXa7XXXXXXXXXXXX_!!2225907626.png" width="206" height="170" />
      <div id="apDiv19"></div>
    </div>
    <div id="apDiv4"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2oBT5cXXXXXbjXXXXXXXXXXXX_!!2225907626.png" width="312" height="171" />
      <div id="apDiv20"></div>
    </div>
    <div id="apDiv5"><img src="http://img01.taobaocdn.com/imgextra/i1/2225907626/TB2Whz6cXXXXXbwXXXXXXXXXXXX_!!2225907626.png" width="212" height="200" />
      <div id="apDiv21"></div>
    </div>
    <div id="apDiv6"><img src="http://img03.taobaocdn.com/imgextra/i3/2225907626/TB2d_60cXXXXXaWXpXXXXXXXXXX_!!2225907626.png" width="163" height="201" /></div>
    <div id="apDiv7"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2bJr8cXXXXXaxXXXXXXXXXXXX_!!2225907626.png" width="206" height="200" /></div>
    <div id="apDiv8"><img src="http://img01.taobaocdn.com/imgextra/i1/2225907626/TB2ZAjZcXXXXXbbXpXXXXXXXXXX_!!2225907626.png" width="223" height="201" /></div>
    <div id="apDiv9"><img src="http://img01.taobaocdn.com/imgextra/i1/2225907626/TB2AAb3cXXXXXXuXpXXXXXXXXXX_!!2225907626.png" width="338" height="203" /></div>
    <div id="apDiv10">
      <div id="apDiv16"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2Z6v8cXXXXXapXXXXXXXXXXXX_!!2225907626.png" width="234" height="119" /></div>
    <img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2T9n5cXXXXXbWXXXXXXXXXXXX_!!2225907626.png" width="621" height="210" /> </div>
    <div id="apDiv11"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2b1b.cXXXXXXtXXXXXXXXXXXX_!!2225907626.png" width="312" height="209" alt="" /></div>
    <div id="apDiv12"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2Uej1cXXXXXaLXpXXXXXXXXXX_!!2225907626.png" width="226" height="209" /></div>
    <div id="apDiv13"><img src="http://img04.taobaocdn.com/imgextra/i4/2225907626/TB26zbZcXXXXXbKXpXXXXXXXXXX_!!2225907626.png" width="179" height="124" /></div>
    <div id="apDiv14"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2oN_4cXXXXXcEXXXXXXXXXXXX_!!2225907626.png" width="269" height="125" /></div>
    <div id="apDiv15"><img src="http://img02.taobaocdn.com/imgextra/i2/2225907626/TB2TO_3cXXXXXckXXXXXXXXXXXX_!!2225907626.png" width="470" height="121" />
      <div id="apDiv31"></div>
      <div id="apDiv32"></div>
    </div>
    <div id="apDiv22"></div>
    <div id="apDiv23"></div>
    <div id="apDiv24"></div>
    <div id="apDiv25"></div>
    <div id="apDiv26"></div>
    <div id="apDiv27"></div>
    <div id="apDiv28"></div>
    <div id="apDiv29"></div>
    <div id="apDiv30"></div>
    </body>
    </html>


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    7 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-4-6 21:37:21 | 显示全部楼层
    淘宝给你这样子写就好咯
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    抱抱
    2015-8-28 09:03
  • 签到天数: 75 天

    连续签到: 2 天

    [LV.6]渐入佳境

    4

    主题

    236

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16452

    发表于 2015-4-7 08:55:17 | 显示全部楼层
    楼上大神已回复
    哈哈哈哈哈
  • TA的每日心情
    不爽
    4 天前
  • 签到天数: 719 天

    连续签到: 2 天

    [LV.9]已臻大成

    32

    主题

    742

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    135228

    最佳新人热心会员

    QQ
    发表于 2015-4-7 10:13:13 | 显示全部楼层
    淘宝让这样写,就爽了
    http://eyunsj.taobao.com/个人接单淘宝主页
  • TA的每日心情
    委屈
    2016-7-12 14:35
  • 签到天数: 57 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    40

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    14860

    最佳新人

    QQ
    发表于 2015-4-7 10:13:33 | 显示全部楼层
    css权限啊亲
    来自安卓客户端来自安卓客户端

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    昨天 11:25
  • 签到天数: 694 天

    连续签到: 2 天

    [LV.9]已臻大成

    2

    主题

    265

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    122420

    热心会员最佳新人

    发表于 2015-4-7 10:19:48 | 显示全部楼层
    只能是行内样式

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-3-28 11:00
  • 签到天数: 30 天

    连续签到: 1 天

    [LV.5]略有小成

    6

    主题

    59

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10116

    发表于 2015-4-8 18:46:59 | 显示全部楼层
    想太多  能这样写 美工也不会那么纠结

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-3-12 08:27
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    22

    帖子

    3493

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3493

     楼主| 发表于 2015-4-9 08:39:09 | 显示全部楼层
    孝义 发表于 2015-4-8 18:46
    想太多  能这样写 美工也不会那么纠结

    谢谢 = =

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-3-12 08:27
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    22

    帖子

    3493

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3493

     楼主| 发表于 2015-4-9 08:39:45 | 显示全部楼层
    孝义 发表于 2015-4-8 18:46
    想太多  能这样写 美工也不会那么纠结

    谢谢指点

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-3-12 08:27
  • 签到天数: 15 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    9

    主题

    22

    帖子

    3493

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3493

     楼主| 发表于 2015-4-9 08:40:17 | 显示全部楼层
    孝义 发表于 2015-4-8 18:46
    想太多  能这样写 美工也不会那么纠结

    谢谢指点

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-8 10:09 , Processed in 0.194616 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表