网页制作 
首页 > 网页制作 > 浏览文章

DIV始终浮动在页面底部

(编辑:jimmy 日期: 2024/11/25 浏览:3 次 )

废话不多说了,下面小编给大家分享下实现代码,具体代码如下所示:

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始终浮动在页面底部,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

上一篇:纯CSS3代码实现switch滑动开关按钮效果
下一篇:DIV点击折叠实例代码
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap