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。

  • 相关阅读:
    hdu 1301 Jungle Roads
    hdu 1233 还是畅通工程
    12.3日周二学习笔记
    12.2周一学习记录
    12.1周日学习记录
    浅表副本
    DL项目代码目录结构管理
    因子分析
    relu非线性映射函数,能拟合任意函数吗
    神经网络拟合连续函数
  • 原文地址:https://www.cnblogs.com/fxair/p/2690203.html
Copyright © 2011-2022 走看看