首页 > 网站 > WEB开发 > 正文

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

2024-04-27 14:29:39
字体：大 中 小
来源：转载
供稿：网友
html之div始终停留在屏幕中间部分

需求：

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

实现：

Html代码收藏代码
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
  5. <title>务好帮手</title>
  6. <styletype="text/CSS">
  7. <!--
  9. #fd{position:fixed;*position:absolute;width:100px;height:100px;top:50%;left:50%;margin:-50px00-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/>
  224. <divid="fd">服务好帮手</div>
  225. </body>
  226. </html>

上一篇：web前端开发随手笔记

下一篇：CSS条件注释

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
学习交流
更多

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...
热门图片
更多
猜你喜欢的新闻
猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿 创2023年5月以来最大单周涨幅
2024-04-27 13:35:46
雷军：小米正在申请3万件专利，以提升自身的竞争力
2024-04-27 13:33:47
人参泡酒15年后竟“复活”？网友：这酒还能喝不？
2024-04-24 22:53:44
芯片股普涨！英伟达市值一夜大涨6000亿元
2024-04-23 19:32:50
面馆老板1天卖100碗刚够交房租 要卖到150碗才能实现盈利
2024-04-23 19:25:50
跌近30%！茶百道上市一小时跌没3年净利润
2024-04-23 19:13:19

疑难解答

图片精选

网友关注

关于本站 - 网上投稿 - 商务合作 - 隐私政策 - 网站地图
Copyright © 2008 - 2024 VEVB.COM. All Rights Reserved.武林网 版权所有