dw css定位,Dreamweaver中层的定位

Dreamweaver中层的定位

出处：http://jet.cnnf.net

自从Dreamweaver提出层这个概念以来，层的定位一直困扰了许多朋友。其实Dreamweaver中层的概念８０％都是将DIV这个标记和CSS的定位进行了抽象，从而得到层这个定义。一切层(只是针对DW中的DIV标记，Netscape的Layer不做讨论)的定位问题也就归结到了用CSS对DIV标记进行。一共有３种定位的情况，我们一个一个来看

１　打开ojbect面板，用层工具在工作区随便拉出来一个层。那么这个层不论页面如何放大放小，它都以浏览器窗口区左上交为基点，用top和left值来控制坐标的。

２　在DW工作区插入一个多行多列的表格，将光标移动到中间一个单元格内。用Insert菜单下的Layer菜单插入一个层。保存一下。我们可以看到，此层非彼层，它将以表格单元为基点控制坐标。仔细观察代码，原来根本就没定义left和top值。千万别定义，定义之后就成了第一中情况的固定层了

３　将２制作好的层改变一下，找到此层的代码部分，将单词absolute替换为relative，保存。可以看到，层也是相对于表格单元定位的，而且可以改变top和left值！无论top和left怎么变，此层都将相对与表格单元定位。但是问题又出现了，表格单元被撑大了许多。再将DIV标记的width和height值改为０或者索性删掉这２个属性，怎么样？单元表格又恢复了吧。需要注意的是，单元格的最小尺寸将容纳

和

中间的内容，因为

确确实实的包含在了和之间

以上３中情况只是发生在Dreamweaver中的。如果脱离Dreamwever改用源代码对层定位，那么问题将变的相对简单。万变不离其宗嘛