首页 > 代码库 > html之div始终停留在屏幕中间部分

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

需求:

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

实现:

Html代码  技术分享
  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.   
  9. #fd{ position:fixed; *position:absolute; width:100px; height:100px; top:50%; left:50%; margin:-50px 0 0 -50px;}  
  10. </style>  
  11. </head>  
  12. <body>  
  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. 加微信了<br />  
  223.   
  224. <div id="fd">服务好帮手</div>  
  225. </body>  
  226. </html>  

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