定位到最底部

底部的文字相对于 body 容器定位

body { position: relative; }  .footer { position: absolute; bottom: 0px; left: 50%; margin-left: -footer容器宽度的一半px(比方-200px;) }

<body style="height: 2000px;"><div class="footer" style="width: 400px;">0000w1234131</div></body>

时间： 2024-08-25 06:50:18

定位到最底部的相关文章

让footer在底部(测试它人方法)

要求:网页布局中,页脚在底部.内容不够一页时,在底部.内容超过一页时,出现卷动条,页脚也在被挤到底部 1.测试的这个文章介绍的办法   链接: http://www.cnblogs.com/chenyuming507950417/p/4003651.html 经测试,这个办法可以实现要求. 2.测试代码说明 html结构: <div class="container"> <div class="header">头</div> &l

文档流、浮动 、定位的概念【转】

原文链接:https://blog.csdn.net/qq_40028324/article/details/80035129 1.文档流 - 所有的元素默认情况下都是在文档流中存在的- 文档流是网页的最底层- 元素在文档流中的特点:- 块元素1.默认宽度是父元素的全部2.默认高度被内容(子元素)撑开3.在页面中自上而下垂直排列- 内联元素1.默认高度和宽度都被内容撑开2.在页面中自左向右水平排列,如果一行不足以容下所有的元素则换到下一行继续从左向右 2.浮动- 使用float来设置元素的浮动-

仿QQ、微信翻页查看聊天记录

主界面MainActivity.class public class MainActivity extends Activity implements OnScrollListener{ private ProgressBar loadInfo; private ListView listView; private LinearLayout loadLayout; private ArrayList<string> items; private DatabaseService service;

HTML标签解释大全

一.HTML标记 说明:指定了 HTML 文档遵循的文档类型定义(DTD). 标签:a 说明:标明超链接的起始或目的位置. 标签:acronym 说明:标明缩写词. 标签:address 说明:特定信息,如地址.签名.作者.此文档的原创者. 标签:applet 说明:在页面上放置可执行内容. 标签:area 说明:定义一个客户端图像映射中一个超级链接区域的形状.坐标和关联 URL. 标签:attribute 说明:以对象的形式代表了 HTML 元素的标签属性或属性. 标签:b 说明:指定文本应以

HTML5里面的快捷键

基本的快捷键 编辑菜单 Alt + E 文件菜单 Alt + F 视图菜单 Alt + V 全选文本 Ctrl + A 复制文本 Ctrl + C 查找文本 Ctrl + F 查找替换文本 Ctrl + H 新建文档 Ctrl + N 打开文件 Ctrl + O 打印选项 Ctrl + P 保存文件 Ctrl + S 粘贴文本 Ctrl + V 剪切文本 Ctrl + X 重做文本 Ctrl + Y 撤销文本 Ctrl + Z 文本编辑 光标移动 将文本插入光标向右移动或者移动到下一行行首 Ri

html简单总结

一.Html简介    HTML 是一种标记语言       忽略大小写,语法宽松    使用 HTML 标记和元素,可以:       控制页面和内容的外观       发布联机文档       使用 HTML 文档中插入的链接检索联机信息       创建联机表单,收集用户的信息.执行事务等等       插入动画       开发帮助文件    HTML 标记的格式组成: <ELEMENT ATTRIBUTE = value>       ELEMENT:   元素 - 标识标记    

CSS3匹配屏幕横竖状态

@media是css3中新定义的,功能非常强大,下面简单讲解一下用css3的@media orientation匹配手机屏幕是横屏还是竖屏. 顾名思义PC是无法匹配横竖屏的,所以orientation只对移动设备起效. 1.头部声明<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0"> 加到<h

jquery modile 笔记

接触移动端开发很长时间了,今天做下笔记,几下所学到的,今天的笔记是关于jquery modile滴. 首先,大家要知道: jQuery Mobile 是创建移动 web 应用程序的框架. jQuery Mobile 适用于所有流行的智能手机和平板电脑. jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局. 代码: <link rel="stylesheet" href="jquery.mobile-1.4.5.css"

ios客户端发现_动画屋后期页面重构与悬浮评论分享模块开发项目总结

从"看世界杯送流量"项目,遇到响应式布局问题之后,专门钻研了这方面专业的书籍,同时阅读了相关文章.响应式布局简单的说就是使开发的页面在不同设备上都有友好的效果.而最开始"暑期动画屋"的项目,当时并没有采用响应式布局,虽然ipad上可用,其他设备则会有显示问题.这也暴露了,目前所在移动业务事业部前端的问题:    1.考虑到响应式布局在不同设备上,UI设计师只给了一套UI原型图,而在不同设备上的显示只是根据前端工程师的理解或个人偏好来完成布局.从产品经理的角度以及测试