DIV在页面底部浮动功能是如何实现的

来源:爱站网时间:2019-04-16编辑:网友分享
你知道DIV始终浮动在页面底部的方法是什么吗?接下来爱站小编就为你介绍DIV在页面底部浮动功能是如何实现的内容,感兴趣的朋友们就跟一起去学习学习吧。

      你知道DIV始终浮动在页面底部的方法是什么吗?接下来爱站小编就为你介绍DIV在页面底部浮动功能是如何实现的内容,感兴趣的朋友们就跟一起去学习学习吧。

      具体代码如下所示:

      CSS Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  2. <html xmlns="http://www.w3.org/1999/xhtml">   
  3.  <head>   
  4.   <title> new document </title>   
  5.   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />   
  6.   <meta name="author" content="" />   
  7.   <meta name="keywords" content="" />   
  8.   <meta name="description" content="" />   
  9.   <link rel="stylesheet" type="text/css" href="" />   
  10.   <style type="text/css"></style>   
  11.   <script type="text/javascript"></script>   
  12.  </head>   
  13.  <body>   
  14.      空山新雨后,天气晚来秋。明月松间照,清泉石上流。   
  15.      竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。   
  16.      空山新雨后,天气晚来秋。明月松间照,清泉石上流。   
  17.      竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。   
  18.      空山新雨后,天气晚来秋。明月松间照,清泉石上流。   
  19.      竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。   
  20. <!--固定-->   
  21.   <div style="position:fixed ; bottom:0px;width:1002" >   
  22.   <table  width="1002" height="53" align="center" bgcolor="#FF9900">   
  23.   <tr>   
  24.      <td>   
  25.         <a href="company.asp" target="_self">关于我们</a>|   
  26.         <a href="intro.asp" target="_self">服务项目</a>|   
  27.         <a href="contact.asp" target="_self">联系方式</a>|   
  28.         <a href="feedback.asp" target="_self">信息反馈</a>|   
  29.         <a href="job.asp" target="_self">人才招聘</a>   
  30.      </td>   
  31.      <td align="right">   
  32.          版权所有   Copyright(C)2010-2012 ....公司   
  33.      </td>   
  34.   </tr>   
  35. </table>   
  36. </div>   
  37. </body>   
  38. </html>  

      以上所述是爱站小编给大家介绍的DIV始终浮动在页面底部,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱站技术频道网站的支持!

上一篇:优化CSS在网页中的加载方式是怎样的

下一篇:怎么清除浮动

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载