Dreamweaver中层(AP DIV)错位问题的解决方法
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver中层(AP DIV)错位问题的解决方法
新手在使用Dreamweaver时，内容“错位”应该算是常见的问题。
这个错位问题，大概可以描述为这样：
用Dreamweaver绘制层(也叫AP DIV或者AP元素，以下均用“层”来表示)并调整位置之后，在浏览器正常显示，如果下图：
改变浏览器的大小之后（浏览器取消最大化，或者换一台电脑打开），网页的内容错位（以下只是错位的一个情况），显示样子如下：
下面先说一下解决方法：
一、找到相应错位的网页内容的标签（非层中的内容）：
如果错位的内容是文字的话，可以在Dreamweave“设计”选中这些文字，之后切换到Dreamweaver的“代码”，这些文字外层的标签，就是要找的标签了；如果错位内容是图片的话，只要点击相应图片，之后再到“代码”里找外层标签就好了。
用上例内容，操作图如下：
步骤1：
步骤2：
二、给这个标签加“相对定位”：只要在代码里加上style="position:relative;”就行了，上例中，应该写成这样：<div id="div2" style="position:relative;">相当于网页的内容</div>
三、找到相应的层的代码：方法可以如上，或者在“设计”视图下，点击层左上那个小方框，点击之后，切换到“代码”视图下，整个层的内容都会选中，上例的效果图如下：
步骤1：点击层左上方小方框；
步骤2：找到相应代码；
四、直接把层的整个代码剪切到“相应错位的网页内容的标签（也就是刚刚改动过代码的那个标签）”里面，上例中操作如下图：
注意：如果找到的“相应错位的网页内容的标签”是
<td>网页内容</td>的话，那你要在<td></td>里面加上这个：
<div style="position:relative;"></div>
也就写成这样：<td>网页内容<div style="position:relative;"></div></td>
之后，再把相应的层的代码内容剪切到新加的这个DIV里，也就是剪切到<div style="position:relative;"></div>里；
到此，这个“错位”问题应该是解决了。
当然，还会有其它复杂情况是本文考虑不到的，那只能再寻其它妙法了。
声明：
这个是为使用dreamweaver的新手且不能看代码、不懂相关术语的朋友所写的，所以看上去有些不简捷扼要，特此小声明一下，水平有限，望业内朋友多多指点。
以下是关于标签定位的内容是给要求知道原理的朋友看的，不在多作解释啦：
Dreamweaver生成的层，是绝对定位（可查一个“绝对定位”的解释），而绝对定位的块级元素是以含有相对定位或绝对定位的父级标签作参照定位自己的位置的，如果没有这样的标签，它就会以<body>作为参照定位了。