div浮动在页面底部

<!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> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript"></script>
 </head>
 <body>
     空山新雨后,天气晚来秋。明月松间照,清泉石上流。
     竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。
     空山新雨后,天气晚来秋。明月松间照,清泉石上流。
     竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。
     空山新雨后,天气晚来秋。明月松间照,清泉石上流。
     竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。
<!--固定-->
  <div style="position:fixed ; bottom:0px;width:1002" >
  <table  width="1002" height="53" align="center" bgcolor="#FF9900">
  <tr>
     <td>
        <a href="company.asp" target="_self">关于我们</a>|
        <a href="intro.asp" target="_self">服务项目</a>|
        <a href="contact.asp" target="_self">联系方式</a>|
        <a href="feedback.asp" target="_self">信息反馈</a>|
        <a href="job.asp" target="_self">人才招聘</a>
     </td>
     <td align="right">
         版权所有   Copyright(C)2010-2012 ....公司
     </td>
  </tr>
</table>
</div>
</body>
</html>
时间: 2024-10-13 15:41:16

div浮动在页面底部的相关文章

页面底部input被弹出来的键盘遮挡(iOS系统)—附解决方案

项目上要做一个留言回复的框. 类似这种用一个div套在input外面, 点击按钮时, 这个div出现, 位于页面底部. 并且input获得焦点, 自动弹出系统键盘. 但是, 在开发的时候发现,在iOS系统中这个div总是被键盘遮住, 曾经使用了垫高div框的办法, 天真的以为能够使它往上挪, 但是发现没有用, 需要手动往上拉才能出来. 查了很久, 看网上很多人都死在了这个问题上. 比较靠谱的答案在知乎上找到的 原因是fixed定位加上bottom:0在ios里无效了, 有人建议是改为弹性布局,

div footer标签css实现位于页面底部固定

Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见,本文将介绍两种解决方案,需要了解的朋友可以参考下 作为一个页面仔你一定遇到过:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的“footer”部分永远固定在页面的底部呢?先

DIV+CSS:页脚永远保持在页面底部

页脚永远保持在页面底部 有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事.我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容IE5.0 ,Opera 8.5 ,Firefox 1.5 .下面我们看步骤: 1.为了让浏览器识别高度100%我们需要先给 html 和 body 加上一个高度值,同时清除所有元素的 margin 和 paddin

表格自动适应浏览器大小及DIV浮动设计(页面自适应浏览器大小)

一.表格自适应浏览器大小 之前写了个页面,将width和height值给定死了,这样导致浏览器缩小时,表格不会跟着自动适应浏览器大小. 解决方法: 1.一般是给表格整体使用样式:table-layout:fixed: 2.将表格中的各个单元格的width和height属性值设为比例,而不是给定值. <table style="width:100%"> <tr> <td style="width:20%">skinny cell&l

将HTML页面页脚固定在页面底部(多种方法实现)

当一个HTML页面中含有较少的内容时,Web页面的footer部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,接下来为大家介绍下如何将页脚固定在页面底部,感兴趣的朋友可以了解下 作为一个Web的前端工作者学习者,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的"footer"部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见. 那么如何将Web页面的&q

【转载自W3CPLUS】如何将页脚固定在页面底部

该文章转载自:W3CPLUS 大漠的文章 http://www.w3cplus.com/css/css-sticky-foot-at-bottom-of-the-page 以下为全文 作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的“footer”部分永远固定在

如何将页脚固定在页面底部?

作 为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上 来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的 “footer”部分永远固定在页面的底部呢?注意了这里所说的是页脚footer永远固定在页面的底部,而不是永远固定在显示器屏幕的底部,换句话说,就是当内容只有一点点时,Web页面显示在浏览器底部,当内容高度超

DIV+CSS重构页面时要注意的小陷阱

1\注意你用的是那一种DOCTYPE. 2\CSS要分为多少个文件? 3\采用link和import方式导入样式表有什么不同? 4\注意页面的层次结构,用好ul和li 5\注意h1,h2,h3,h4的区别 6\要记得清除浮动. 7\记得用class或是id 对页面的结构进行一些说明. 8\HTML和CSS都要用<!---->加上适当的注释. 9\不要直接在html的标签中写style 10\JS代码不要直接在对应的标签中写.现在可以调用jquery或是mootools来绑定事件. 11\DIV

CSS让footer保持在页面底部

序:当希望将footer保持在页面底部(即使页面内容高度低于窗口高度),可以尝试下面的方法.. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>CSS让footer保持在页面底部</title> <style type="text/css"> * { margin: