margin的IE6兼容问题

标签:#IE6兼容# 时间:2018/10/12 20:35:05 作者:Shino

  1. IE6双倍 margin bug
  2. ie6里,当出现连续浮动的元素,携带和浮动方向相同的margin时。队首元素会出现双倍margin
  3. 解决方法:
  4. 使浮动方向和margin的方向相反。
  5. ②单独给队首元素写一个一般的hack(不使用)
  6. IE63px bug
  7. ie6里面,在盒子里面浮动标签使用margin来定位,则会出现3px的空白误差。
  8. <style type="text/css" media="screen">
  9. *{
  10. margin: 0;
  11. padding: 0;
  12. }
  13. div{
  14. width:300px;
  15. height:300px;
  16. background-color: orange;
  17. }
  18. div p{
  19. float: right;
  20. margin-right:20px;
  21. width: 100px;
  22. height: 100px;
  23. background-color: blue;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div>
  29. <p></p>
  30. </div>
  31. 不过这种情况一般不会出现,因为根本不允许浮动标签通过边距定位。如果出现了3px bug,说明代码不标准。
欢迎大家关注DataLearner官方微信,接受最新的AI技术推送
相关博客
Back to Top