CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

浏览器兼容问题-CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

用CSS 的定义一个DIV的高度时，在IE 7浏览器下可以正常显示。但是在IE 6 中，height 在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下：

法一：定义overflow属性。比如想定义一个高度为2px 的线条。
<div style="height:2px;overflow:hidden;background:#000000;width:778px;"></div> 法二：将div 的字体大小属性fontsize 设置为跟高度相同。 
<div style="height:2px;font-size:2px;background:#000000;width:778px;">&nbps;</div>

赞 (0)

相关推荐

  • CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

    浏览器兼容问题-CSS Div 最小高度在IE 6 和IE 7中的兼容性问题 用CSS 的定义一个DIV的高度时,在IE 7浏览器下可以正常显示.但是在IE 6 中,height 在10px以下就无法定义了.这点跟表格有点类似.解决的方法如下: 法一:定义overflow属性.比如想定义一个高度为2px 的线条. <div style="height:2px;overflow:hidden;background:#000000;width:778px;"></div&

  • DIV CSS网页布局 最小高度（min-height）的妙用

    假定有二个BOX,我们需要它的最小高度为150PX. CSS div.box1,div.box2{ width: 300px; min-height: 150px; background: #EEE; float: left; margin-right: 20px; } xhtml <div>IE中没保持最小高度为150px</div> <div>最小高度可以设定一个BOX的最小高度, 当其内容较少时时,也能保持BOX的高度为一定</div> 现在的效果,I

  • 基于jQuery实现左右div自适应高度完全相同的代码

    在线演示:http://demo.jb51.net/js/2012/jquery_demo/jquery_div_autoheihet.htm完整代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo

  • javascript获取设置div的高度和宽度兼容任何浏览器

    Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: 复制代码 代码如下: <div id="div1" style="height:300px;width:200px;">http://www.itdos.com</div> <div id="div2" style="height:30px;width:20px;">http://www.itdos.com&

  • 布局用CSS+DIV的优点总结

    采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,像阿里巴巴.163等大型门户站点就已经完成了重构工作.本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了. 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息. 2:提高搜索引擎对网页的索引效率 用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价. 3:提高页面浏览

  • 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！

    用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程! 下面代码有点多!但做出来你肯定喜欢! 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!我不想废话了,开门见山吧. 先看演示 :http://www.gz7y.com   点精彩推荐即可看见! 如果下面代码你看不懂或者做不出来,明天等待我的视频吧. CSS如下: <STYLE type=text/css> <!-- #f_div{width:230px; height:205px; margin:0 auto; ov

  • Java实现最小高度树

    Java实现最小高度树

    目录 题设要求 示例 1: 示例 2: 解题思路 算法 题设要求 树是一个无向图,其中任何两个顶点只通过一条路径连接. 换句话说,一个任何没有简单环路的连通图都是一棵树. 给你一棵包含 n 个节点的树,标记为 0 到 n - 1 .给定数字 n 和一个有 n - 1 条无向边的 edges 列表(每一个边都是一对标签),其中 edges[i] = [ai, bi] 表示树中节点 ai 和 bi 之间存在一条无向边. 可选择树中任何一个节点作为根.当选择节点 x 作为根节点时,设结果树的高度为 h

  • 关于div自适应高度/左右高度自适应一致的js代码

    在使用DIV和CSS进行网页布局中,DIV的自适应高度和自适应宽度是一个很常见的问题. 为了保证页面的整体美观性,需要将两个或者多个层的高度/宽度保持一致. 左右自适应高度一致 Jquery 复制代码 代码如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/&g

  • CSS解决未知高度垂直居中的问题

    除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果. 原文标题:Vertical Centering in CSS 副标题:Yuhu's Definitive Solution with Unknown Height 翻译:forestgan 尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下). 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TA

  • CSS解决未知高度垂直居中

    尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下). 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中,但非标准浏览器是不支持的. 非标准浏览器只能在子元素里设距顶部50%,里面再套个元素距顶部

随机推荐