zoukankan      html  css  js  c++  java
  • IE6下高度小于1——10像素时不起作用解决办法

    在网页布局时常会用到 div 来显示一些边角背景,需要设置较小的高度,默认情况下,IE6 中设置 div 较小高度会不起作用,在 IE7、FF 等浏览器不存在这个问题。

    IE6 下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 div 的高度,实际在 IE6 下显示的仍然是一个 12px 左右高度的层。

    要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。例如:

    <div style="height: 5px; font: 0px Arial; line-height:0;"></div>

    或者:

    <div style="height: 5px; overflow: hidden;"></div>

    值得注意的是,设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用 overflow:hidden; 来实现。

  • 相关阅读:
    map-count
    map-count
    map-constructors
    map-constructors
    multiset-find
    multiset-find
    multiset-insert
    C++ string详解
    treap(树堆)
    程序设计语言的变革
  • 原文地址:https://www.cnblogs.com/hfzsjz/p/3066840.html
Copyright © 2011-2022 走看看