如何让AAA位于页面最下面

本帖最后由 runit 于 2009-07-01 19:36:56 编辑

解决方案 »

  1.   

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>如何让AAA文字位于最下面 </title>
    </head>
    <body>
        <P>当文字太少时，如何让AAA位于当前页面的最下，如果使用js如何解决？不使用js，用html 或者 css 如何解决？此时不知道访问者使用的是哪种浏览器和分辨率。 </P>
     <div  style="position:absolute; bottom:0px;"><span>AAA 应该位于最下面 </span></div>
    </body>
    </html>
      

  2.   

    一楼的答案，在文字超过一屏时失效。我要的效果如同本页最下面的 Copyright © 1999-2009，在文字不足一屏时，在最下面，超过一屏时也在最下面，请问如何解决。
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <title>如何让AAA文字位于最下面 </title> 
    </head> 
    <body > 
        <P>当文字太少时，如何让AAA位于当前页面的最下，如果使用js如何解决？不使用js，用html 或者 css 如何解决？此时不知道访问者使用的是哪种浏览器和分辨率。 </P> 
        <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />
          <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br />  <br /><br /><br /><br />
      <span style="position:absolute;" id="test">AAA 应该位于最下面 </span> 
    </body> 
    </html>
    <script type="text/javascript">
    window.onload = window.onscroll = window.onresize = function(){

    var x = document.documentElement.scrollTop + document.documentElement.clientHeight - document.getElementById('test').clientHeight + 'px';
    document.getElementById('test').style.top = x
    }
    </script>
      

  4.   

    参考一下:
    http://tagsoup.com/cookbook/css/fixed/bottom/