需求：

使得某一个div始终停留在屏幕中间

实现：

  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>务好帮手</title>
  6. <style type="text/css">
  7. <!--
  8. #fd{ position:fixed; *position:absolute; width:100px; height:100px; top:50%; left:50%; margin:-50px 0 0 -50px;}
  9. </style>
  10. </head>
  11. <body>
  12. 加微信了<br />
  13. 加微信了<br />
  14. 加微信了<br />
  15. 加微信了<br />
  16. 加微信了<br />
  17. 加微信了<br />
  18. 加微信了<br />
  19. 加微信了<br />
  20. 加微信了<br />
  21. 加微信了<br />
  22. 加微信了<br />
  23. 加微信了<br />
  24. 加微信了<br />
  25. 加微信了<br />
  26. 加微信了<br />
  27. 加微信了<br />
  28. 加微信了<br />
  29. 加微信了<br />
  30. 加微信了<br />
  31. 加微信了<br />
  32. 加微信了<br />
  33. 加微信了<br />
  34. 加微信了<br />
  35. 加微信了<br />
  36. 加微信了<br />
  37. 加微信了<br />
  38. 加微信了<br />
  39. 加微信了<br />
  40. 加微信了<br />
  41. 加微信了<br />
  42. 加微信了<br />
  43. 加微信了<br />
  44. 加微信了<br />
  45. 加微信了<br />
  46. 加微信了<br />
  47. 加微信了<br />
  48. 加微信了<br />
  49. 加微信了<br />
  50. 加微信了<br />
  51. 加微信了<br />
  52. 加微信了<br />
  53. 加微信了<br />
  54. 加微信了<br />
  55. 加微信了<br />
  56. 加微信了<br />
  57. 加微信了<br />
  58. 加微信了<br />
  59. 加微信了<br />
  60. 加微信了<br />
  61. 加微信了<br />
  62. 加微信了<br />
  63. 加微信了<br />
  64. 加微信了<br />
  65. 加微信了<br />
  66. 加微信了<br />
  67. 加微信了<br />
  68. 加微信了<br />
  69. 加微信了<br />
  70. 加微信了<br />
  71. 加微信了<br />
  72. 加微信了<br />
  73. 加微信了<br />
  74. 加微信了<br />
  75. 加微信了<br />
  76. 加微信了<br />
  77. 加微信了<br />
  78. 加微信了<br />
  79. 加微信了<br />
  80. 加微信了<br />
  81. 加微信了<br />
  82. 加微信了<br />
  83. 加微信了<br />
  84. 加微信了<br />
  85. 加微信了<br />
  86. 加微信了<br />
  87. 加微信了<br />
  88. 加微信了<br />
  89. 加微信了<br />
  90. 加微信了<br />
  91. 加微信了<br />
  92. 加微信了<br />
  93. 加微信了<br />
  94. 加微信了<br />
  95. 加微信了<br />
  96. 加微信了<br />
  97. 加微信了<br />
  98. 加微信了<br />
  99. 加微信了<br />
  100. 加微信了<br />
  101. 加微信了<br />
  102. 加微信了<br />
  103. 加微信了<br />
  104. 加微信了<br />
  105. 加微信了<br />
  106. 加微信了<br />
  107. 加微信了<br />
  108. 加微信了<br />
  109. 加微信了<br />
  110. 加微信了<br />
  111. 加微信了<br />
  112. 加微信了<br />
  113. 加微信了<br />
  114. 加微信了<br />
  115. 加微信了<br />
  116. 加微信了<br />
  117. 加微信了<br />
  118. 加微信了<br />
  119. 加微信了<br />
  120. 加微信了<br />
  121. 加微信了<br />
  122. 加微信了<br />
  123. 加微信了<br />
  124. 加微信了<br />
  125. 加微信了<br />
  126. 加微信了<br />
  127. 加微信了<br />
  128. 加微信了<br />
  129. 加微信了<br />
  130. 加微信了<br />
  131. 加微信了<br />
  132. 加微信了<br />
  133. 加微信了<br />
  134. 加微信了<br />
  135. 加微信了<br />
  136. 加微信了<br />
  137. 加微信了<br />
  138. 加微信了<br />
  139. 加微信了<br />
  140. 加微信了<br />
  141. 加微信了<br />
  142. 加微信了<br />
  143. 加微信了<br />
  144. 加微信了<br />
  145. 加微信了<br />
  146. 加微信了<br />
  147. 加微信了<br />
  148. 加微信了<br />
  149. 加微信了<br />
  150. 加微信了<br />
  151. 加微信了<br />
  152. 加微信了<br />
  153. 加微信了<br />
  154. 加微信了<br />
  155. 加微信了<br />
  156. 加微信了<br />
  157. 加微信了<br />
  158. 加微信了<br />
  159. 加微信了<br />
  160. 加微信了<br />
  161. 加微信了<br />
  162. 加微信了<br />
  163. 加微信了<br />
  164. 加微信了<br />
  165. 加微信了<br />
  166. 加微信了<br />
  167. 加微信了<br />
  168. 加微信了<br />
  169. 加微信了<br />
  170. 加微信了<br />
  171. 加微信了<br />
  172. 加微信了<br />
  173. 加微信了<br />
  174. 加微信了<br />
  175. 加微信了<br />
  176. 加微信了<br />
  177. 加微信了<br />
  178. 加微信了<br />
  179. 加微信了<br />
  180. 加微信了<br />
  181. 加微信了<br />
  182. 加微信了<br />
  183. 加微信了<br />
  184. 加微信了<br />
  185. 加微信了<br />
  186. 加微信了<br />
  187. 加微信了<br />
  188. 加微信了<br />
  189. 加微信了<br />
  190. 加微信了<br />
  191. 加微信了<br />
  192. 加微信了<br />
  193. 加微信了<br />
  194. 加微信了<br />
  195. 加微信了<br />
  196. 加微信了<br />
  197. 加微信了<br />
  198. 加微信了<br />
  199. 加微信了<br />
  200. 加微信了<br />
  201. 加微信了<br />
  202. 加微信了<br />
  203. 加微信了<br />
  204. 加微信了<br />
  205. 加微信了<br />
  206. 加微信了<br />
  207. 加微信了<br />
  208. 加微信了<br />
  209. 加微信了<br />
  210. 加微信了<br />
  211. 加微信了<br />
  212. 加微信了<br />
  213. 加微信了<br />
  214. 加微信了<br />
  215. 加微信了<br />
  216. 加微信了<br />
  217. 加微信了<br />
  218. 加微信了<br />
  219. 加微信了<br />
  220. 加微信了<br />
  221. 加微信了<br />
  222. <div id="fd">服务好帮手</div>
  223. </body>
  224. </html>

html之div始终停留在屏幕中间部分的更多相关文章

  1. 将一个div始终定位在屏幕中心

    //div的id为box #box{ width:200px; heighti:200px; border:1px solid #f00; //重点是以下规则 position:absolute; t ...

  2. JQuery 弹出层，始终显示在屏幕正中间

    1.让层始终显示在屏幕正中间: 样式代码: .model{ position: absolute; z-index: 1003; width:320px; height:320px; text-ali ...

  3. 使一个div始终显示在页面中间

    使一个div始终显示在页面中间 假设我们有一个div层:<div id=”myDiv”></div> 首先,我们用css来控制它在水平上始终居中,那么我们的css代码应该是这样 ...

  4. Xshell中vim退出内容仍停留在屏幕的问题

    Xshell中vim退出内容仍停留在屏幕的问题 我每次在vim中退出后内容都显示在屏幕上面,看上去特别烦,就在网上看了下,通过调试成功. 第一种方法:在xshell中设置 1.这是我在vim中退出的状 ...

  5. display:table; 也可以实现 div 始终和内包的图片大小相同

    display:table; 也可以实现 div 始终和内包的图片大小相同

  6. 使图片相对于上层DIV始终水平、垂直都居中

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 如何让图片相对于上层DIV始终保持水平、垂直都居中

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 设置一个DIV块固定在屏幕中央（两种方法）

    设置一个DIV块固定在屏幕中央(两种方法) 方法一: 对一个div进行以下设置即可实现居中. <style> #a{ position: fixed; top: 0px; left: 0p ...

  9. DIV 始终位于文档底部

    DIV 始终位于文档底部 设置body为绝对定位,最小显示高度为:100%,宽度为:100%: 设置底部显示块为绝对定位,bottom: 0,是body元素的最后一个直接子元素: 设置底部块元素同级元 ...

随机推荐

  1. python 游戏(井字棋)

    1. 游戏思路和流程图 实现功能,现实生活中的井字棋玩法 游戏流程图 2. 使用模块和游戏提示 import random def game_info(): print('欢迎来到井字棋游戏') pr ...

  2. PowerDesigner数据库设计实用技巧

    欢迎大家补充,谢谢! 1. 原始单据与实体之间的关系 可以是一对一.一对多.多对多的关系.在一般情况下,它们是一对一的关系:即一张原始单据对应且只对应一个实体.在特殊情况下,它们可能是一对多或多对一的 ...

  3. Locality Sensitive Hashing，LSH

    1. 基本思想 局部敏感(Locality Senstitive):即空间中距离较近的点映射后发生冲突的概率高,空间中距离较远的点映射后发生冲突的概率低. 局部敏感哈希的基本思想类似于一种空间域转换思 ...

  4. Python爬虫：学爬虫前得了解的事儿

    这是关于Python的第14篇文章,主要介绍下爬虫的原理. 提到爬虫,我们就不得不说起网页,因为我们编写的爬虫实际上是针对网页进行设计的.解析网页和抓取这些数据是爬虫所做的事情. 对于大部分网页来讲, ...

  5. HDU 2097 Sky数

    http://acm.hdu.edu.cn/showproblem.php?pid=2097 Problem Description Sky从小喜欢奇特的东西,而且天生对数字特别敏感,一次偶然的机会, ...

  6. 继承Tcalendar控件，让当天日期醒目显示

    一.新建一控件 打开Delphi主菜单Cpmponent—New Cpmponent: 二.配置参数 点击OK键,打开Unit单元文件. 三.修改单元文件 unit LyCalendar; inter ...

  7. Entity Framework(EF) Code First将实体中的string属性映射成text类型的几种方式

    1.通过ColumnType属性设置 [Column(TypeName="text")] public string Text { get; set; } 在进行以上属性设置时,请 ...

  8. 【bzoj4596】[Shoi2016]黑暗前的幻想乡 容斥原理+矩阵树定理

    题目描述 给出 $n$ 个点和 $n-1$ 种颜色,每种颜色有若干条边.求这张图多少棵每种颜色的边都出现过的生成树,答案对 $10^9+7$ 取模. 输入 第一行包含一个正整数 N(N<=17) ...

  9. 【设计模式】—— 创建者模式Builder

    前言:[模式总览]——————————by xingoo 模式意图 一个对象的创建十分复杂,为了区分构建过程和使用过程,因此分开.使用一个Director类进行对象的创建,Builder规定了这个创建 ...

  10. hdu 6183 Color it （线段树 动态开点）

    Do you like painting? Little D doesn't like painting, especially messy color paintings. Now Little B ...