Dreamweaver中层(AP DIV)错位问题的解决方法.doc

Dreamweaver 中层(AP DIV)错位问题的解决方法新手在使用 Dreamweaver 时，内容 “错位”应该算是常见的问题这个错位问题，大概可以描述为这样：用 Dreamweaver 绘制层(也叫 AP DIV 或者 AP 元素，以下均用 “层”来表示) 并调整位置之后，在浏览器正常显示，如果下图：改变浏览器的大小之后（浏览器取消最大化，或者换一台电脑打开） ，网页的内容错位（以下只是错位的一个情况） ，显示样子如下：下面先说一下解决方法：1、找到相应错位的网页内容的标签（非层中的内容）：如果错位的内容是文字的话，可以在 Dreamweave“设计 ”选中这些文字，之后切换到Dreamweaver 的“代码” ，这些文字外层的标签，就是要找的标签了；如果错位内容是图片的话，只要点击相应图片，之后再到“代码”里找外层标签就好了用上例内容，操作图如下： 步骤 1：步骤 2：2、给这个标签加“相对定位”：只要在代码里加上 style="position:relative;”就行了，上例中，应该写成这样：相当于网页的内容3、找到相应的层的代码：方法可以如上，或者在“设计”视图下，点击层左上那个小方框，点击之后，切换到“代码”视图下，整个层的内容都会选中，上例的效果图如下：步骤 1：点击层左上方小方框；步骤 2：找到相应代码；4、直接把层的整个代码剪切到“相应错位的网页内容的标签（也就是刚刚改动过代码的那个标签） ”里面，上例中操作如下图：注意：如果找到的“相应错位的网页内容的标签”是网页内容 的话，那你要在里面加上这个：也就写成这样：网页内容之后，再把相应的层的代码内容剪切到新加的这个 DIV 里，也就是剪切到里；到此，这个“错位”问题应该是解决了。

当然，还会有其它复杂情况是本文考虑不到的，那只能再寻其它妙法了声明：这个是为使用 dreamweaver 的新手且不能看代码、不懂相关术语的朋友所写的，所以看上去有些不简捷扼要，特此小声明一下，水平有限，望业内朋友多多指点以下是关于标签定位的内容是给要求知道原理的朋友看的，不在多作解释啦：Dreamweaver 生成的层，是绝对定位（可查一个 “绝对定位”的解释） ，而绝对定位的块级元素是以含有相对定位或绝对定位的父级标签作参照定位自己的位置的，如果没有这样的标签，它就会以作为参照定位了。