如何解决APDIV层在网页浏览时的位置偏移田彦（山东工业职业学院信息工程系，山东淄博256414）摘要：所有使用过层APDIV技术的设计者都会这样的困惑：在设计窗口尽管设计美观、布局合理的，但在改变了分辨率或不同的浏览器以后，用APDIV技术设计的对象经常会发生偏移。该文通过层嵌表格、用父层固定、代码控制等方法来解决APDIV层在不同的分辨率或不同的浏览器的偏移问题。关键词：网页设计；Dreamweaver；APDIV；：TP393文献标识码：A：1009-3044(2012)15-3592-02HowtoSolvethePositionOffsetofAPDIVLayerintheWebBrowserTIANYan(SchoolofInformationEngineering,ShandongVocationalCollegeofIndustry,Zibo256414,China)Abstract:DesignershaveusedAPDIVtechnologyareconfused,because:Althoughthewindowdesignedbeautifullyandrationallayout,APDIVtechnologydesignedobjectsareoftenoffsetwhenchangetheresolutionoruseadifferentbrowser.ThispapersolvetheproblemofAPDIVlayeroffsetindifferentresolutionsordifferentbrowsersbythemethodsoflayerembeddedinform,fixedtheparentlayer,codecontrol.Keywords:webdesign;Dreamweaver;APDIV;offset网页设计的布局是把插入网页的各种构成要素在页面上有效地排列。在用dreamweaver制作网页时，为我们提供了表格布局、DIV+CSS布局、层APDIV布局、框架布局和模板布局等五大布局技术，来呈现网页布局技术的灵活性、多样性。但其中使用了AP⁃DIV技术的设计对象在改变了分辨率或不同的浏览器以后，这些对象元素经常会发生偏移，影响了网页的美观和改变了设计者的创作意图。我们可以通过以下的途径改变这一设计缺点，使得APDIV布局技术不仅可以使网页设计人员加入自己富有创意的构思，而且可以兼顾到页面的视觉和审美。1层APDIV布局的应用层是网页制作时经常用到的对象，也是重要的网页布局工具之一。层在页面布局方面具有更大的随意性，通过拖动、方向键或指定坐标位置的方式就可以放在网页的任何位置，不受网页中其他元素的限制和干扰，就像浮在页面上方一样，运用层的特性创建布局更加合理、美观的网页效果。1）想要更好的把握应用好APDIV，必须对APDIV进行更深的了解和探究。APDIV又称绝对定位元素（AP元素），是分配有绝对位置的，用来精确控制浏览器窗口对象位置的HTML页面构成元素。APDIV可以通过层的重叠和次序的改变，实现包含着文字或图像等元素的胶片变换效果；可以通过动态设定层的显示或隐藏，实现层内容的动态交替等特殊显示效果；通过子层遗传父层的嵌套特征，实现内容的可见及位置移动等。APDIV的出现使网页技术从二维空间拓展到三维空间，使页面元素能实现相互重叠，及更复杂的布局设计，成为网页设计新的发展方向。2）用APDIV技术制作的层如果不加以控制为什么会发生“漂移”呢？因为APDIV是绝对定位层，可以用ps图层的概念来理解它，就是浮在页面上的层，可以随意移动而不影响页面布局。而APDIV绝对定位层定位的依据是：相对于父层（这个父层必须是定位属性不为static的层）左上角；如果没有父层就相对于body的左上角。APDIV层是浮动的，可以根据它的top和left来规定这个层的显示位置。3）不仅要了解APDIV绝对定位的依据，还要了解APDIV布局层的主要属性，例如：#apDiv1position:absolute;width:128px;height:58px;left:454px;收稿日期：2012-03-23作者简介：田彦（1969-），女，山东淄博人，高级讲师，硕士，主要研究方向为计算机应用技术与网络技术的教学工作。本栏目责任编辑：谢媛媛3592软件设计开发第8卷第15期(2012年5月)ComputerKnowledgeandTechnology电脑知识与技术APdiv元素的position属性的取值定义为：position:static、absolute、relative。1static:默认值。2relative:相对定位。在文档流中的固定位置会被它占有，但是后面对象不会侵占或覆盖。3absolute:绝对定位。也就是你的AP元素所默认加上的一个属性值。Width和height用来指定AP元素的宽度和高度；而left和top则用来指定AP元素的左上角相对于页面（嵌套则为父AP元素）左上角的位置。我们碰到的在浏览器中无法固定就可能是因为没设置父层或默认下根据bod...