jsp 如何将一行文字置底

JavaScript014

jsp 如何将一行文字置底,第1张

设置position为绝对定位,设置底边距为0

<!DOCTYPE html>

<html>

<body>

<div id="Clock" style='position:absolutebottom:0px'>当前系统时间:</div>

</body>

</html>

这个容易.

<html>

<body>

<a href="javascript:void(0)" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight">到页底</a>

<div style="height:3000px"></div>

<a href="javascript:void(0)" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=0">回页顶</a>

</body>

</html>

哈 只要把这个样式加进去 那么他就置底了

<style>

body{position:relative}

#foot{position:absolutebottom:0pxleft:左右像素还是你自己调吧}

</style>

这样就ok了

但有一个问题,你底部必须得为这个div留一定的高度,不然这个会掩盖掉下面一部分,有点是,不管你这个div放到哪,它都是留在底部的

更好的办法是,你把样式学好了,然后把底部的信息div放到最后面,不要用到绝对定位,那样就是一个正常的网站了