zoukankan      html  css  js  c++  java
  • 清除浮动

    一直clear:both;清除浮动,听完课才知道这在IE6下有问题。现在推荐使用方法6

    清浮动方法
    1、给父级加浮动 --问题margin:0 auto;失效
    2、给父级加display:inline-block;  --问题 magin:0 auto;失效
    3、浮动元素下加
      <div class="clear"></div>
      .clear{height:0;font-size:0;clear:both}
      --问题IE6下存在最小高度问题
    4、浮动元素下加
      <br clear="all"/>
      --问题不符合W3C标准
    5、给父级加clear样式
      .clear:after{content:"";display:block;clear:both;}
      --问题IE6、7下不支持after伪类

    根据hasLayout渲染方式
    在IE6、7下浮动元素父级有宽度就不用清浮动

    6、给父级加clear样式
       .clear{zoom:1}
      .clear:after{content:"";display:block;clear:both;}

    7、给父级加overflow
      --IE6下有问题

  • 相关阅读:
    求某个数的位数公式
    ArrayList和lInkedList比较
    队列
    抽象数据结构-栈
    LinkedList的实现
    ArrayList的实现
    Iterator和List的一些问题
    SCHEMA约束
    DTD约束
    XML解析
  • 原文地址:https://www.cnblogs.com/miharu/p/4444973.html
Copyright © 2011-2022 走看看