非常规排版技术
◇ 黑马
在教程的前面我们提到过，论坛里用于显示用户的帖子的区域是有限的，在同一显示分辨率的机器里，用户的帖子可显示的宽度比该分辨率的宽度要少一些。而有一些帖子，出于种种原因，我们可能不满足于受限的显示宽度，为此，有必要采用非常规排版技术，其目的是突破显示宽度限制。
这就是所谓的“全屏技术”，即，令帖子以全屏宽度显示。
在HTML代码中，通过“层”技术，我们非常容易实现全屏显示某一单元（帖子可视作一个单元）。“层”具有重叠性，即，在一个已经存在的占位单元里，通过使用“层”的叠加，我们还可以在其上面再放置一个或多个单元。其结果是，多个单元的叠加，整体效果就是立体的，以下页面的左边的第二幅图就是通过使用“层”技术在图片之上叠加了一个透明的表格，从而导致图片不能通过正常的右击进行复制：
http://www.gxblk.com/pc/no1/tmtable.htm
查看上面黑马提供的页面，你或许还不能明白“全屏”技术的实现原理，但你应该理解“层”的叠加概念。当前较高版本的DW已经引入了“层”的概念，用过DW的朋友理解起来可能比较容易，为了让新手也能够很快接受这个概念，黑马举个不十分确切的例子，对“层”再加以说明：筑路，通常铺上一层较大的石头，这是第一层，压紧后再铺上碎石，第是第二层，往后还有若干层。所有的层是重叠在一起的。这些层，就是我们要用于HTML帖子里。我们知道，用img加入一幅图片，这幅图片占的位置不可以再加入任何内容了，但通过“层”的叠加，我们就能够让其他内容浮于图片的上方，黑马在线听歌台的那个有“52”标志的Gif图片，就是这样放上去的。
论坛都有固定的结构，它规定用户发帖所能显示的地方是被限制好的。包含有发帖人头像等信息的左边栏，它已经有了占位元素，而它恰好是占去了我们想利用的显示帖子的宽度。那么，通过使用“层”技术，我们将帖子的左边部分往它那里叠加，加上正常可显示的部分，帖子就实现了“全屏”宽度显示了。同样的道理，我们还可以让帖子往上或往下一点，甚至，如果你愿意，你还可以让帖子的头部把论坛的功能菜单全部遮拦住（不建议这么做）！
不知道道理讲明了没有？呵呵，现在，还是来看看实例吧。
以下两个表格，都以img方式装载有相同的图片，不同的是，第一张表格我们用了“层”技术，令图片不完全在表格里面；第二张表格则是正常加载图片的，不作任何处理。
在上例中，第一张表格里，我们在图片代码前后用了如下代码：
<div id="tt_1" style="position:relative;left:-50px;top:-10px; width:217px;height:165px;z-index:99">图片代码</div>
这段代码就是实现图片部分超越表格框架亦即突破常规位置的关键。其中，id很重要，是系统识别哪个单元的重要标志，命名时一定不要与其他的id重复；left表示要移位的单元左边起始位置，top则是指上部开始位置，用负数值表示往左、往上移位，正数则往右、往下移位；width和height其实指“层”的高度和宽度，通常与要移位的元素的宽度和高度相一致（论坛中可以省略width和height值，因为我们采用的是嵌入式使用“层”，“层”会自动获取宽与高。复杂的HTML页面不建议省略）；position表明叠加的方式，有relative（相对位置叠加）和absolute（绝对位置叠加），使用前者的话，“层”所叠加的位置不因不同的分辨率而改变，即它的位置是固定的，使用绝对叠加则相反，会因分辨率的不同而发生位置变化，比如你想让一只蜜蜂采花粉，那么，如果你使用了相对位置，不同分辨率下打开你的帖子，它都是在花朵上采花粉的，但如果用了绝对位置，800
