需求：

使得某一个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. tomcat-内存溢出java.lang.OutOfMemoryErrory：PermGen space解决方法

    如果是PermGen space方法区内存溢出,可尝试加大MaxPermSize,如果是heap space 堆内存移除,可尝试修改Xmx 正常解决方法: 在注释下的第一行添加: JAVA_OPTS= ...

  2. linux重启tomcat的shell脚本

    基本思路: 先检查待重启的tomcat的进程是否存在 存在则执行shutdown. 然后再次检查进程是否还存在,不存在则执行kill 然后删除工作空间及10天前的日志. 最后执行启动. #!/bin/ ...

  3. (1) English Learning

    1.  no-brainer 不必花脑筋的事物 This tool is really no-brainer that almost everyone can use it. 这个工具太简单用了,不会 ...

  4. 华为云对Kubernetes在Serverless Container产品落地中的实践经验

    华为云容器实例服务,它基于 Kubernetes 打造,对最终用户直接提供 K8S 的 API.正如前面所说,它最大的优点是用户可以围绕 K8S 直接定义运行应用. 这里值得一提是,我们采用了全物理机 ...

  5. 如何基于 K8S 多租能力构建 Serverless Container

    当前 Kubernetes 已经成为名副其实的企业级容器编排规范,很多云平台都开始提供兼容 Kubernetes 接口的容器服务.而在多用户支持方面,多数平台选择直接提供专属虚机集群,用户需要花费大量 ...

  6. SCRUM 12.17

    今天,我们的用户统计功能终于上线了!! 大家辛苦工作了许久.我们测试的用户统计功能效果模拟如下 还有一些好消息,比如,我们的应用在小米平台收到了崩溃的反馈报告. 这说明我们留下的一些BUG暴露了出来, ...

  7. linux内核分析--计算机是如何工作的

    实验部分 使用gcc -S -o main.s main.c -m32命令将源代码编译成汇编代码. 源代码如下: int g(int x) { return x + 9; } int f(int x) ...

  8. Vue项目部署问题及解决方案

    Vue项目部署问题及解决方案 Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式. hash:也就是地址栏里的 # 符号.比如 http://www.examp ...

  9. django学习笔记-1

    1.背景说明 django版本:1.8.2 python版本:3.6.5 pip版本:pip 18.0 以紫红色标注的为python文件中的示例代码. 2.安装django pip install d ...

  10. BZOJ1004 HNOI2008Cards（Burnside引理+动态规划）

    直接给了一个置换群(当然要自己手动加上不洗牌的情况).考虑求不动点数量即可.对于一个置换,求出所有循环的长度,然后设f[i][x][y]为给前i个循环着色后,用了x张红色卡片.y张绿色卡片的方案数,d ...