能定位帖子位置的一组代码
阅读了许多坛友的帖子特别是大图音画的帖子,由于帖子的宽度大于显示区域的宽度,发现右边有一部分显示不出来,影响美观,感觉不爽。近日学习了绝对定位和相对定位代码,发现用下面这样一组代码可以很好的解决这个问题,现在把他写出来和大家分享,这组代码是:
<DIV style="POSITION: absolute; WIDTH: 1000px; TOP: 655px; LEFT: 5px"></DIV>
使用方法:帖子编辑完成后,进入代码编辑状态,把这一部分代码
<DIV style="POSITION: absolute; WIDTH: 1000px; TOP: 655px; LEFT: 5px">
复制粘贴在所有代码的前边,把这一部分代码
</DIV>
复制粘贴在所有代码的最后即可。
其中LEFT: -173px表示整个帖子距浏览器左边的距离,负值表示向左,正值表示向右。WIDTH: 1000px表示帖子的宽度,TOP: 0px表示帖子距浏览器顶部的距离,正值表示向下,负值表示向上。你可根据帖子的显示情况调整上述各数值的大小,直到你满意为止。
由于这是使用的绝对定位代码,浏览器显示出来的贴子不占用编辑区域的物理空间,而有些时候我们因某种要求需要编辑区域的下半部分显示出来,为了解决这个问题,可在代码编辑状态下在编辑区域写上若干个<BR>,一个<BR>表示一行,贴子有多高,就需要写上多少个<BR>,这样,浏览器就可以显示出被贴子遮住的编辑区域的下半部分。
应用上述代码的实例效果展示:
延伸阅读: 绝对定位和相对定位
绝对定位和相对定位详解
|