zoukankan      html  css  js  c++  java
  • 处理兼容性问题(浮动),以及解决方法

    1。haslayout,一般浏览器元素用overflow:hidden来包含其子元素(浮动),ie6用zoom:1来打开布局。

    2。应该避免左浮动+左外边距。

    3。透明图片对ie6应该gif。

    4。清除浮动。clear:both和clearfix类,overflow:hidden。设置高度等。

    clearfix类:

    1 .clearfix:after{
    2         content: "";
    3         display: block;
    4         height: 0;
    5         visibility: hidden;
    6         clear: both;
    7         font-size: 0;
    8     }
    9 .clearfix{*zoom: 1;}

    overflow:hidden的缺点:

    1.用了overflow:hidden后,如果子元素有定位到元素外,那么外面部分就被隐藏。请看:http://blog.snowinmay.net/work/demopage/demopage.html 中的链接部分。

    2.在css3中,一些属性如:box-shadow,text-shadow 等,超出父亲元素部分也会被隐藏。

  • 相关阅读:
    docker swarm 集群搭建和臫servoce对服务扩容
    docker 可视化 portainer
    docker Compose
    hadoop2 安装
    y的最大值最小值切割
    滑块图片拼接
    ast 对象还原
    babel/types is判断
    t.isLiteral()
    杂题集合
  • 原文地址:https://www.cnblogs.com/snowinmay/p/3009129.html
Copyright © 2011-2022 走看看