始终在页面底部的层js实现代码_布局与层

<div style="position:absolute;left:10;top:30;width:126;background:green" id="bt"> <style> table {border-top:6 solid blue; border-left:6 solid lime;border-right:6 solid orange; border-bottom:6 solid pink;border-collapse:collapse;} td {border-right:1 solid yellow; border-bottom:1 solid cyan;width:50px;border-collapse:collapse;} </style> <table cellpadding="0" cellspacing="0"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa</p> <p>aa <script language="JavaScript"> <!-- function onboot(){ bt.style.top=document.body.scrollTop+document.body.clientHeight-bt.offsetHeight; } //--> </script> </p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

注意：代码不符合标准，大家可以根据需要自行修改。