`
小网客
  • 浏览: 1250826 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html之div始终停留在屏幕中间部分

    博客分类：
  • J2ee
 
阅读更多

需求：

使得某一个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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>领客网，linkrmb.com 生活服务好帮手</title>
<style type="text/css">
<!--

#fd{ position:fixed; *position:absolute; width:100px; height:100px; top:50%; left:50%; margin:-50px 0 0 -50px;}
</style>
</head>
<body>
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />
加微信了<br />

<div id="fd">领客网，linkrmb.com 生活服务好帮手</div>
</body>
</html>

 

0
顶
4
踩
分享到：
| input type=file 限制文件类型
评论
1 楼 pefeier 2015-01-07  
<html>
<style>
#main{
width:100px;
height:100px;
background-color:red;
margin:0 auto;
}
</style>
<body>
<div id="main"></div>
</body>
</html>
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5期末大作业：基于HTML+CSS+JavaScript实现中国风文化传媒企业官网md

    1. **页面结构：**页面通常被划分为页头、菜单导航栏、中间内容板块以及页脚四大部分，这样的结构清晰明了。 2. **导航栏设计：**美观醒目的菜单导航栏非常重要，二级菜单的正常弹出与跳转功能使得用户可以轻松地在...

    turn.js实现书本翻页效果插件

    Turn.js 是一个强大的JavaScript库，专门用于在网页上创建具有真实翻页效果的电子书或杂志样式的内容。这个插件利用HTML、CSS和JavaScript技术，为用户提供了类似于真实纸质书籍的交互体验，使得数字内容更加生动...

    js使用小技巧

    s += " 屏幕可用工作区高度："+ window.screen.availHeight; s += " 屏幕可用工作区宽度："+ window.screen.availWidth; //过滤数字 &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode||...

    《程序天下：JavaScript实例自学手册》光盘源码

    15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到Excel 15.30 使用VML打造可改变大小的圆框 15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第...

    程序天下:JavaScript实例自学手册

    15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到Excel 15.30 使用VML打造可改变大小的圆框 15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第...

    JavaScript网页特效范例宝典源码

    实例023 窗口始终在最上面 38 实例024 窗口的最小化、最大化 39 实例025 频道方式窗口 41 实例026 全屏显示 42 实例027 设置窗口大小和位置 43 实例028 刷新当前页 44 实例029 自动最大化 45 实例030 自定义导航控制...

Magicbox
Global site tag (gtag.js) - Google Analytics