04.浮动其他的特点.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <style>
  9. *{
  10. margin: 0;
  11. padding: 0;
  12. }
  13. .box1{
  14. width: 100px;
  15. height: 100px;
  16. background-color: #bfa;
  17. /*
  18. 浮动元素不会盖住文字,文字会自动环绕在浮动元素的周围,
  19. 所以我们可以利用浮动来设置文字环绕图片的效果
  20. */
  21. float: left;
  22. }
  23. .box2{
  24. background-color: yellow;
  25. /*
  26. 元素设置浮动以后,将会从文档流中脱离,从文档流中脱离后,元素的一些特点
  27. 也会发生变化
  28. 脱离文档流的特点:
  29. 块元素:
  30. 1、块元素不再独占页面的一行
  31. 2、脱离文档流以后,块元素的宽度和高度都被内容撑开
  32. 行内元素:
  33. 行内元素脱离文档流以后会变成块元素,特点和块元素一样
  34. 脱离文档流以后,就不需要再区分块和行内元素了
  35. */
  36. float: left;
  37. }
  38. .box3{
  39. background-color: orange;
  40. }
  41. .s1{
  42. width: 150px;
  43. height: 150px;
  44. background-color: yellow;
  45. float: left;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <!-- <div class="box1"></div>
  51. <p>
  52. 为有效预防、及时控制和妥善处理办公场所可能出现的新型冠状病毒疫情,提高快速反应和应急处理能力,建立健全应急机制,最大限度地减少疫情的危害,保障员工的身体健康和生命安全,保证正常的工作秩序,维护办公场所和社会稳定,根据《中华人民共和国传染病防治法》、国务院《突发公共卫生事件应急条例》、《中华人民共和国传染病防治法实施办法》、云南省《突发公共卫生事件应急条例》等法律法规和文件,以及《中国移动通信集团设计院有限公司合作单位疫期生产管控要求V1.0》的要求,建立我单位新型冠状病毒疫情防控措施和应急预案。
  53. 一、指导原则
  54. 遵循“依靠科学、依法防治、高度敏感、果断处置”的指导原则,坚持政府相关部门的领导,全面落实“早预防,早发现、早报告、早隔离、早治疗”的工作要求,提高快速反应和应急处理能力。严格控制传染源,迅速切断传播途径,迅速控制疫情,防止疫情扩散。
  55. 二、适用范围
  56. 本措施及预案适用于我公司涉及新型冠状病毒疫情预防与控制的各项工作。公司范围内发生新型冠状病毒疫情疑似病例、临床诊断或确诊病例或根据云南省及各地州新型冠状病毒疫情防控指挥部的要求,立即启动本预案。
  57. 三、疫情防控领导小组组织架构及人员分工
  58. </p> -->
  59. <!-- <div class="box2">hello</div>
  60. <div class="box3">word</div> -->
  61. <span class="s1">这是一个span</span>
  62. </body>
  63. </html>