需求：

使得某一个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. 《linux内核分析》作业一：分析汇编代码

    通过汇编一个简单的C程序,分析汇编代码理解计算机是如何工作的(王海宁) 姓名:王海宁                             学号:20135103 课程:<Linux内核分析& ...

  2. 《Linux内核分析》第三周学习报告

    <Linux内核分析>第三周学习报告                                    ——构造一个简单的Linux系统MenuOS 姓名:王玮怡  学号:201351 ...

  3. Daily Scrum - 12/02

    Meeting Minutes Shuo终于把文件存取弄好了!Wei大致把后端的代码整合好了,现在是可以基本实现算法的一个简易背单词版本.另外我们又交流了一下UI方面的事情,发现还是有一些问题(特别是 ...

  4. 我的IT未来

    关于IT这个行业,我是持欣赏态度的,毕竟发展很快,对人们生活的改变也很大,所以,作为一个从事IT的人士,我很自豪. 读了刘先生的文章,我发现以前自己做的太少了,虽然偶尔也会吐血写程序,但还是太少了.以 ...

  5. 关于使用实验室服务器的GPU以及跑上TensorFlow代码

    连接服务器 Windows - XShell XFtp SSH 通过SSH来连接实验室的服务器 使用SSH连接已经不陌生了 github和OS课设都经常使用 目前使用 192.168.7.169 使用 ...

  6. [转帖]SAP MES生产执行系统解决方案

    一.SAP MES概述: SAP公司成立于1972年,总部位于德国,是全球最大的企业管理和协同化商务解决方案供应商.全球第三大独立软件供应商.目前,在全球有120多个国家的超过86,000多家用户正在 ...

  7. TClientDataSet[9]: 计算字段和 State

    TClientDataSet 中计算字段有两种: Calculated(计算字段).InternalCalc(内部计算字段). 两者区别是: Calculated 在每次需要时都要重新计算; Inte ...

  8. 【BZOJ1970】[AHOI2005]矿藏编码（模拟）

    [BZOJ1970][AHOI2005]矿藏编码(模拟) 题面 BZOJ 洛谷 题解 随便写个高精度模拟一下就完了. #include<iostream> #include<cstd ...

  9. emWin 工程之汉字显示

    @2018-7-10  工程加入字库后,液晶屏显示非法文字,无法正确显示设置的文字 解决办法 将显示汉字的文件 <MainTask.c> 修改为 UTF-8 格式后显示正常,修改为 ANS ...

  10. 【bzoj4730】 Alice和Bob又在玩游戏

    http://www.lydsy.com/JudgeOnline/problem.php?id=4730 (题目链接) 题意 给出一个森林,两个人轮流操作,每次把一个节点以及它的祖先全部抹去,无节点可 ...