min-height最小高度的实现(兼容IE6、IE7、FF)(解决IE6不兼容min-height)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="胡超">
<title>super胡</title>
<style>
div{
background:#ccc;
min-height:100px; /*高度最小值设置为:100px IE6不识别min-height 和min-width*/
height:auto !important; /*兼容FF,IE7也支持 !important标签 !important只是对于ie6不认识,IE6执行height:100px;其他浏览器执行height:auto !important;!important权重最高,相当于写在最下面*/
height:100px; /*兼容ie6*/
overflow:visible;
width:100px;
}
</style>
</head>
<body>
<div>
喝水为什么会中毒?
</div>
<br/>
<div>
喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?
</div>
</body>
</html>

时间: 2024-09-27 04:18:09

min-height最小高度的实现(兼容IE6、IE7、FF)(解决IE6不兼容min-height)的相关文章

DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼(转)

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用height: 100px; IE6 专用_height: 100px; IE6 专用*height: 100px; IE7 专用*+height: 100px; IE7.FF 共用height: 100px !important; 一.CSS HACK1, !important随着IE7对!i

CSS完美兼容IE6/IE7/FF的通用方法

一.CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) wrapper {width: 100px!important; /* IE7+FF /width: 80px; / IE6 */} 2, IE6/IE77对FireFox +html 与 *html 是IE特有的标签, firefox 暂不支持.而+html 又为 IE7

CSS兼容IE6,IE7,FF的技巧(COPY来的,还没看)

一.CSS HACK 以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } 2, IE6/IE77对FireFox *+html 与 *ht

CSS兼容IE6,IE7,FF的技巧

一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </style> 2, IE6/IE77对FireFox *+html 与 *html 是IE特

DIV+CSS IE6/IE7/IE8/FF兼容问题大全

1. [代码][CSS]代码 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vetical-align: middle.( 注意内容不要换行.) 2).水平居中. margin: 0 auto;(当然不是万能) 3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见

DIV+CSS IE6/IE7/IE8/FF兼容问题汇总

1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /> 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如 margin-left:10px !important;; margin-left:5px; +height:120px

IE6/IE7/IE8/FF兼容问题汇总,以及解决方案

1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了<meta http-equiv="x-ua-compatible" content="ie=7" />2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如margin-left:10px !important;;margin-left:5px;+height:120px;5.有时

ie6 ie7 ie8 ie9兼容问题终极解决方案

放下包袱,解决低版本兼容问题 这是一个老生常谈的问题,自然解决这个问题的方案也比较多,下面整理了一些解决方法: 1.强制使用高版本渲染模式. 强制使用Edge模式来解析网页代码 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 强制使用Chrome浏览器内核(如果安装了) <meta http-equiv="X-UA-Compatible" content="I

浏览器兼容的问题及解决方法收集收集

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 2. margin加倍的问题     设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决方案是在这个div里面加上display:inline;    例如:    <#div id=”imfloat”>    相应的css为    #IamFloat{   

兼容IE6的最小高度代码实例

兼容IE6的最小高度代码实例:虽然IE6浏览器的市场正在逐渐缩小,并且在不久的将来就难觅其身影,但是当前还是有不少的用户.此浏览器并不支持min-height属性,下面就介绍一下如何实现IE6兼容此属性,由于代码比较简单,下面直接给出代码,如下: min-height: 200px; _height: 200px; / hack for ie6 */ 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15771 更多内容可以参阅: