分享

能定位帖子位置的一组代码

 ABC328 2014-03-08

能定位帖子位置的一组代码

    阅读了许多坛友的帖子特别是大图音画的帖子,由于帖子的宽度大于显示区域的宽度,发现右边有一部分显示不出来,影响美观,感觉不爽。近日学习了绝对定位和相对定位代码,发现用下面这样一组代码可以很好的解决这个问题,现在把他写出来和大家分享,这组代码是:

<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>,这样,浏览器就可以显示出被贴子遮住的编辑区域的下半部分。

    应用上述代码的实例效果展示:

唯美音画:QQ牧场动物

 

美似仙境 靓如西施

 

流行深情网络歌曲精选

延伸阅读:         绝对定位和相对定位

绝对定位和相对定位详解

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约