2003年09月11日 12:42 点击:超过8000次
一些朋友喜欢使用Dreamweaver的层,层的好处是可以让些网页组成进行绝对定位、自由移动。DW加入层的方法是:菜单栏Insert→Layer。
DW的层只是一个概念,实际上是使用style=position:absolute这样的“绝对定位”样式表语句,它的缺点是,这种情况下你的整个网页必须偏左才能在1024×768或更大分辨率下正常显示。如果你的网页设为居中,那么你的网页结构可能会变乱。原因是这样的:因为绝对定位的元素都默认为网页偏左,当你把整个网页设置为居中时,绝对定位的“层”却依然偏左。
所以,现在想出一种几乎完全替代DW层的方法:基本的思路就是使用
这样的语句来解决绝对定位问题。如下几例:
层1 |
层2 |
(例1,两个表格可自由重叠,平时表格线不显示,这里为了大家看得清楚)
层1 |
层2 |
(例2,上下对齐重叠,这种最常用,这里上下表格宽度不同是为了大家看得清楚)
以上三例都是使用相同的方法:
,就是这么简单。这句可用于多种网页元素,例如图片img、表格table。如果向上提“层2”时,没有达到预期效果,可以加margin-left,使它向右移。如下代码表示表格2向上提90像素、向右移200像素,具体值你应该调整:
[表格1]
[表格2]
这种方法的优点是,可以克服DW的层的缺点,使你的网页成为一个整体,不会出现网页因分辨率改变而变乱的情况。注:使用这种方法,在FrontPage和Dreamweaver中操作都很麻烦,建议切换到HTML模式下编写源代码。
margin-top就相当于FrontPage的“段落→段落间距→段前”。
网页树树版权声明:
此文为Webshu.com独家撰稿,著作权属作者所有,禁止转载。
此文网址 http://webshu.cn/column/102/4.html