dreamweaver中层(ap div)错位问题的解决方法

dreamweaver中层(ap div)错位问题的解决方法

ID:12821159

大小:1.13 MB

页数:4页

时间:2018-07-19

dreamweaver中层(ap div)错位问题的解决方法_第1页
dreamweaver中层(ap div)错位问题的解决方法_第2页
dreamweaver中层(ap div)错位问题的解决方法_第3页
dreamweaver中层(ap div)错位问题的解决方法_第4页
资源描述:

《dreamweaver中层(ap div)错位问题的解决方法》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Dreamweaver中层(APDIV)错位问题的解决方法新手在使用Dreamweaver时,内容“错位”应该算是常见的问题。这个错位问题,大概可以描述为这样:用Dreamweaver绘制层(也叫APDIV或者AP元素,以下均用“层”来表示)并调整位置之后,在浏览器正常显示,如果下图:改变浏览器的大小之后(浏览器取消最大化,或者换一台电脑打开),网页的内容错位(以下只是错位的一个情况),显示样子如下:下面先说一下解决方法:一、找到相应错位的网页内容的标签(非层中的内容):如果错位的内容是文字的话,可以在Drea

2、mweave“设计”选中这些文字,之后切换到Dreamweaver的“代码”,这些文字外层的标签,就是要找的标签了;如果错位内容是图片的话,只要点击相应图片,之后再到“代码”里找外层标签就好了。用上例内容,操作图如下:步骤1:步骤2:二、给这个标签加“相对定位”:只要在代码里加上style="position:relative;”就行了,上例中,应该写成这样:相当于网页的内容

三、找到相应的层的代码:方法可以如上,或者在“

3、设计”视图下,点击层左上那个小方框,点击之后,切换到“代码”视图下,整个层的内容都会选中,上例的效果图如下:步骤1:点击层左上方小方框;步骤2:找到相应代码;四、直接把层的整个代码剪切到“相应错位的网页内容的标签(也就是刚刚改动过代码的那个标签)”里面,上例中操作如下图:注意:如果找到的“相应错位的网页内容的标签”是网页内容的话,那你要在里面加上这个:

也就写成这样:网页内容

4、position:relative;">

之后,再把相应的层的代码内容剪切到新加的这个DIV里,也就是剪切到
里;到此,这个“错位”问题应该是解决了。当然,还会有其它复杂情况是本文考虑不到的,那只能再寻其它妙法了。声明:这个是为使用dreamweaver的新手且不能看代码、不懂相关术语的朋友所写的,所以看上去有些不简捷扼要,特此小声明一下,水平有限,望业内朋友多多指点。以下是关于标签定位的内容是给要求知道原理的朋友看的,

5、不在多作解释啦:Dreamweaver生成的层,是绝对定位(可查一个“绝对定位”的解释),而绝对定位的块级元素是以含有相对定位或绝对定位的父级标签作参照定位自己的位置的,如果没有这样的标签,它就会以作为参照定位了。

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。