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

    由于元素浮动后脱离了文档流,所以父元素是无法根据元素来自适应的。解决此问题最常用的办法由两种:

    第一种就是在所有浮动元素后加: 

    <div style="clear:both;height:0px;"></div>  

    第二种办法,使用万能clear: 

    .clearfix:after { 

        visibility: hidden; 
        display
    : block; 
        font-size
    : 0; 
        content
    : "."; 
        clear
    : both; 
        height
    : 0; 
    } 
    * html .clearfix 
    { 
        zoom
    : 1; 
    } 
    *:first-child + html .clearfix 
    { 
        zoom
    : 1; 
    } 

    看完解决办法,咱们来看里边的原理: 
    (1)、首先是利用:after这个伪类来兼容FF、Chrome等支持标准的浏览器。 
    :after伪类IE不支持,它用来和content属性一起使用设置在对象后的内容,例如: 
    a:after{content:"(link)";} 
    这个CSS将会让a标签内的文本后边加上link文本文字。 

    (2)、利用“* html”这个只有IE6认识的选择符,设置缩放属性“zoom: 1;”实现兼容IE6。 
    (3)、利用“*:first-child + html”这个只有IE7认识的选择符,设置缩放属性“zoom: 1;”实现兼容IE7。

  • 相关阅读:
    stl rope
    vijos1574 摇钱树
    图论 Dijkstra+堆优化
    c++输入优化
    Vijos1579 宿命的PSS 最小生成树
    快速求n阶多项式乘积
    c++stl map
    C#函数式程序设计之惰性列表工具——迭代器
    C#函数式程序设计之泛型(下)
    C#函数式程序设计之泛型(上)
  • 原文地址:https://www.cnblogs.com/fxair/p/2690203.html
Copyright © 2011-2022 走看看