zoukankan      html  css  js  c++  java
  • bug集合

    解决方法:vertical-align:top;  垂直对齐方式;对浮动元素无效浮动类:

    ie 6 7要在一行显示多个div要 给每一个元素浮动 否则会出间隙。

    ie6双倍边距bug

    1. bug条件: 块状元素 浮动 外边距

    解决方法:

    display:inline;

    2.IE6的 3px bug

    触发条件:两紧挨的元素A(.div1),B(.div2) ,A浮动,但B没浮动,IE6下就会莫名产生3px 外边距(浮动元素A的margin-right)

    解决方法:

    方法1:给元素B也加上float:left; 即可解决,但元素B要做宽度自适应的话,此方法不可取。

    方法2:

    IE6并不是将Html标签认定为是最外层的元素,而是认为*(其中*并不是指通用选择器)才是最外层的元素,而HTML被认为是它的子元素。此hack写法:  *html .div1{margin-right:-3px;} (注意必须针对浮动元素A做hack处理,若针对元素B:*html .div2{margin-left:-3px;} 无效)

    或者
    只有IE6可解析的下划线"_"来写这个hack,代码:.div1{_margin-right:-3px;} 也可解决这个问题。

    3.ie 6 7下错位问题 (右侧浮动问题)

    bug条件:右侧浮动 浮动元素前面有内联元素文本

    右侧浮动前面不要有内联元素  文本的存在 

    解决方法:

    1.把内联元素放到文本的前面就好了 --结构调整

    2.或者给内联文本也加浮动。

    4.ie 6 7 li下几px间隙问题

    产生条件:ie67 下浮动li本身没浮动 但是内容浮动了  li下就会多出几px

    解决方法:vertical-align:top;  垂直对齐方式;对浮动元素无效

    5.图片间隙问题.

    vertical-align:top

    3.ie 6 最小高度问题

    ie6小高度小于19px  都会变成19px来处理

    解决方法:overflow:hidden;

  • 相关阅读:
    【lc-database】595. 大的国家
    Visual Studio 2010软件安装教程
    Win10系统下安装VC6.0教程
    HTTP协议
    正则表达式
    类装饰器
    装饰器工厂函数
    装饰器函数
    闭包
    web服务器
  • 原文地址:https://www.cnblogs.com/aix1314/p/3872900.html
Copyright © 2011-2022 走看看