布局过的人都知道CSS的最小高度min-height是个很有用的属性,它可以让很短的内容也有一个很合适的高度,使页面显得美观。但很可惜IE6不支持这一属性。怎么办呢?我们可以用另外一种方法让IE6也有最小高度min-height属性的效果。
众所周知,如果内容超过元素的高度,那么IE6是会自动增加元素的高度,即使你明确的定义了元素的高度。我们可以利用IE6的这个bug来让IE6也有最小高度min-height属性的效果。
E6对于overflow的特殊实现,给我们实现min-height提供了一个思路,所以产生了以下兼容IE6、IE7、FF浏览器的min-height写法:
.minh{
min-height: 100px;
height: auto!important;
height: 100px;
overflow: auto;
_overflow: visible;
}
解释:
1、由于IE6对!important的解释存在bug,所以它只识别height: 100px这一句,超过100px后,IE6自身会增加盒子的高度,另外_overflow: visible也起作用了;
2、IE7和其他标准浏览器三句都能识别,虽然定义height: 100px,但我们又有了height:auto !important,所以超过100px也能自动增加盒子的高度。
相关推荐
省市县选择器,支持 ie6/7/8 和火狐
min-height最小高度实现的解决方法 且兼容IE6、IE7、FF、Chrome, 需要的朋友参考下
ie6 ie7 ff浏览器兼容 border:2px solid #00f; /*IE、ff的属性*/ border:2px solid #090\9; /* IE6/7/8的属性 */ border:2px solid #F90\0; /* IE8支持 */ *border:2px solid #F00; /* IE6、7支持 */ _border:2...
做web开发时,大家经常在数据输入时要做选择,有时需要辅助输入,但用select下拉框用户体验不好,所以很多时候要用到信息输入提示,点击一下显示输入信息,让用户作选择,本demo就很好做到了这一点,希望大家用得到,用的是...
CSS完美兼容IE6/IE7/FF的通用方法 一、CSS HACK 以下两种方法几乎能解决现今所有HACK.
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
C#深入浅出全接触 .rar http://down.qiannao.com/space/file/yuexingchen2/-4e0a-4f20-5206-4eab/C-002b-002b-0020-0020-00b7C-0020-0020vc/C-0023-6df1-5165-6d45-51fa-5168-63a5-89e6-0020.rar/.page C#知识类库 ....
C#深入浅出全接触 .rar http://down.qiannao.com/space/file/yuexingchen2/-4e0a-4f20-5206-4eab/C-002b-002b-0020-0020-00b7C-0020-0020vc/C-0023-6df1-5165-6d45-51fa-5168-63a5-89e6-0020.rar/.page C#知识类库 ....
C#深入浅出全接触 .rar http://down.qiannao.com/space/file/yuexingchen2/-4e0a-4f20-5206-4eab/C-002b-002b-0020-0020-00b7C-0020-0020vc/C-0023-6df1-5165-6d45-51fa-5168-63a5-89e6-0020.rar/.page C#知识类库 ....
<color name="coral">#FF7F50</color> <!-- 珊瑚色 --> <color name="hotpink">#FF69B4</color> <!-- 热粉红色 --> <color name="tomato">#FF6347</color> <!-- 西红柿色 --> <color name="orangered">#FF4500</...
CSS兼容IE6,IE7和FF的总结 . 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; ...
<color name="coral">#FF7F50</color> - <!-- 珊瑚色 --> <color name="hotpink">#FF69B4</color> - <!-- 热粉红色 --> <color name="tomato">#FF6347</color> - <!-- 西红柿色 --> ...
< color name="coral">#FF7F50< /color>!--珊瑚色 --> < color name="hotpink">#FF69B4< /color>!--热粉红色 --> < color name="tomato">#FF6347< /color>!--西红柿色 --> < color name="orangered">#FF4500< /...
一、CSS HACK ... /* IE7+FF */width: 80px; /* IE6 */}</style> 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.<style>#wrapper{#wrapper {
NULL 博文链接:https://xiaoyongzeng.iteye.com/blog/2150907
[Progress](https://img.shields.io/badge/progress-468%20%2F%20468-ff69b4.svg) Up to date (2016-12-18), there are `447` Algorithms / `13` Database / `4` Shell / `4` Draft questions on [LeetCode Online ...
操作系统:Ubuntu 16.04 问题描述: 在终端启动gedit命令或者vscode命令报错:gedit: symbol lookup error: /home/chujie/anaconda3/lib/libgobject-2.0.so.0: undefined symbol: g_date_copy 问题分析: ...
机器学习101 与用于机器学习的数据集相关的存储库。 ...理论: : 编码: : //medium.com/machine-learning-101/chapter-3-decision-tree -classifier-coding-ae7df4284e99 第四章 K最近邻分类器 ...
FF 01 00 01 EE ① ② ③ ④ ⑤ 指令解析: ①【FF】:指令头 ②【01】:第一路继电器(01为1路、02为2路,依此类推... 25代表控制所有继电器) ③【00】:此位为00时,继电器断开;为01时继电器闭合;02时为1秒点...