脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > Div+CSS教程 >

DIV始终浮动在页面底部

  发布时间：2016-08-30 15:29:43   作者：佚名   我要评论
在页面底部浮动功能是如何实现的呢？下面小编给大家带来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始终浮动在页面底部，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

相关文章

  • 关于div中img,span垂直居中的问题

    下面小编就为大家带来一篇关于div中img,span垂直居中的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-26

  • 解决img在div中居中的问题

    下面小编就为大家带来一篇解决img在div中居中的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-26

  • html5实现适用于手机端的div图片放大预览效果源码

    这是一款html5实现适用于手机端的div图片放大预览效果源码，共有4种不同的图片放大预览模式可供用户选择使用。可分别针对鼠标滑过、拖拽、点击等进行图片放大显示
    2016-09-21

  • DIV+CSS实现带三角箭头的提示框

    本文给大家带来一段代码基于div+css实现三角形提示框，代码简单易懂，需要的朋友可以参考下
    2016-09-20

  • div被iframe遮住的几种情况及解决方法

    这篇文章给大家介绍了div被iframe遮住的一些情况，以及被遮住后的解决办法，有需要的朋友们可以参考借鉴。
    2016-09-07

  • DIV点击折叠实例代码

    本文给大家带来一段核心代码关于div点击折叠效果，代码简单易懂，有需要的朋友可以参考下
    2016-08-31

  • 设置一个DIV块固定在屏幕中央的两种方法(推荐)

    下面小编就为大家带来一篇设置一个DIV块固定在屏幕中央的两种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-25

  • CSS设置DIV垂直居中的N种方法 兼容IE浏览器

    这篇文章主要为大家详细介绍了兼容IE浏览器CSS设置DIV垂直居中的N种方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-07-05

  • CSS文本和div垂直居中方法总结

    这篇文章主要介绍了CSS文本和div垂直居中方法总结，包括多行文本垂直居中,单行文本垂直居中,子div垂直居中，感兴趣的小伙伴们可以参考一下
    2016-07-04

  • CSS控制DIV层显示和隐藏的实现方法

    本文给大家带来了CSS控制DIV层显示和隐藏的方法，是前端学习必须要掌握的基础知识，非常不错，具有参考借鉴价值，感兴趣的小伙伴一起学习吧
    2016-07-01

最新评论

关注微信公众号

扫一扫