需求：

使得某一个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. 验证Xpath和CSS 路径是否有效

    XPath定位和CSS定位在Selenium中是经常使用的. 在FireFox浏览器和Chrome浏览器,可以使用这样的方法来验证定位是否准确. 以Chrome浏览器做范例 按键盘的F12 进入开发者 ...

  2. hadoop balance工具平衡集群dfs存储及遇到异常Got error, status message Not able to receive block 1073959989 from /192.168.1.37:3004 because threads quota is exceeded

    hadoop集群某个节点dfs存储比其他节点存储高时,一般会使用hadoop提供的balance(start-balancer.sh -threshold 10 )工具来移动高存储节点上的块到低存储节 ...

  3. Linux第一章第二章学习笔记

    第一章 Linux内核简介 1.1 Unix的历史 它是现存操作系统中最强大最优秀的系统. 设计简洁,在发布时提供原代码. 所有东西都被当做文件对待. Unix的内核和其他相关软件是用C语言编写而成的 ...

  4. level3

    伸冤下:老师的评论是有看到!看完我就去修改程序了,忘记回复请原谅!= = 前阵子都在修改功能和思路,但是由于一个细节的错误找不到,导致没有成品可以上传...求谅解. 细心真的很重要 = =!!! im ...

  5. CMS垃圾回收过程

    1.总体介绍: CMS(Concurrent Mark-Sweep)是以牺牲吞吐量为代价来获得最短回收停顿时间的垃圾回收器.对于要求服务器响应速度的应用上,这种垃圾回收器非常适合.在启动JVM参数加上 ...

  6. php内置函数分析之str_pad()

    PHP_FUNCTION(str_pad) { /* Input arguments */ zend_string *input; /* Input string 输入字符串*/ zend_long ...

  7. Java结束线程的三种方法(爱奇艺面试)

    线程属于一次性消耗品,在执行完run()方法之后线程便会正常结束了,线程结束后便会销毁,不能再次start,只能重新建立新的线程对象,但有时run()方法是永远不会结束的.例如在程序中使用线程进行So ...

  8. CUDA ---- device管理

    device管理 NVIDIA提供了集中凡是来查询和管理GPU device,掌握GPU信息查询很重要,因为这可以帮助你设置kernel的执行配置. 本博文将主要介绍下面两方面内容: CUDA run ...

  9. 洛谷P2114 [NOI2014]起床困难综合症

    P2114 [NOI2014]起床困难综合症 题目描述 21世纪,许多人得了一种奇怪的病:起床困难综合症,其临床表现为:起床难,起床后精神不佳.作为一名青春阳光好少年,atm一直坚持与起床困难综合症作 ...

  10. 编译nginx平滑添加stream模块

    1.操作背景 操作系统版本:CentOS Linux release (Core) nginx版本:1.13.4 nginx从1.9.0版本开始,新增了ngx_stream_core_module模块 ...