zoukankan      html  css  js  c++  java
  • 浏览器兼容ie6之双边距bug

    今天看到同事提交的bug,a页面右下角三个按钮在ie下显示地位置不一样。

    有图右真相

      ff下:

      

      用ietester下测了下,发现在ie7,8显示都是和ff里一样的,而在ie6下三个按钮的位置就不是居中而是明显偏右了。

      

      呵呵,再一看源代码,发现购买这个按钮的样式是同时设置了float:left和margin-left:45px,呵呵,那估计就是双边距bug了。

      总结:这个bug是ie6有名的双边距bug:同时为一个元素设置向一个方向偏移和对这个方向进行外边距设置,比如float:left,margin-left:45px;在其他浏览器下是显示正常的,在ie6下这个元素的margin-left确是==45*2=90px,解决方法是给元素设置display:inline;

    ..
  • 相关阅读:
    首页效果
    vue 资源精选
    webpack
    常用代码
    超炫效果
    TJ 大神 与 node
    fis webpack 原理对比
    前端自动化测试
    非常强的用户体验的网站功能
    蔡康永: 说话之道
  • 原文地址:https://www.cnblogs.com/lanyueer/p/2177303.html
Copyright © 2011-2022 走看看