min-height最小高度的实现(兼容IE6、IE7、FF)
来源:互联网 发布:2016最新网络红歌神曲 编辑:程序博客网 时间:2024/05/18 18:02
CSS的兼容性问题一直令CSSer头疼,最小高度min-height是一个非常有用的属性,在页面布局中的很多地方可以用到。在52CSS.com的一些实例布局中也有涉及。
当容器的内容较少时,能保持一个最小的高度,以免破坏了布局或UI设计效果。而当容器内的内容增加的时候,容器能够自动的伸展以适应内容的变化。
声明:52CSS.com原创,转载请注意出处并加上链接。
min-height属性并非所有浏览器都兼容,主要问题还是出现在IE6,这个不支持标准的浏览器偏偏占据很大的用户群体,虽然IE7发布很久了,IE8正式版也快发布了,但IE6依然有着众多的用户。实在让CSSer非常无奈。
关于可以min-height属性参考这里:http://www.52css.com/css/c_minheight.html
E6对于overflow的特殊实现,给我们实现min-height提供了一个思路,所以产生了以下兼容IE6、IE7、FF浏览器的min-height写法:
Example Source Code [www.52css.com]
#mrjin {
background:#ccc;
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}
background:#ccc;
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}
我们查看在内容少时,它在IE6、IE7和FF下的表现:
我们查看在内容较多时,它在IE6、IE7和FF下的表现:
我们查看最终的运行效果,您可以编辑内容后再运行,以便查看内容少与内容多时出现的变化。
- min-height最小高度的实现--兼容IE6、IE7、FF
- min-height最小高度的实现(兼容IE6、IE7、FF)
- min-height最小高度的实现(兼容IE6、IE7、FF)
- min-height最小高度的实现(兼容IE6、IE7、FF、Chrome)
- min-height最小高度的实现(兼容IE6、IE7、FF)
- min-height最小高度的实现(兼容IE6、IE7、FF、Chrome)
- 用min-height实现最小高度(兼容IE6、IE7、FF)
- Min-height 最小高度兼容ie6
- ie6 实现最小高度 min-height
- min-height最小高度的实现(兼容IE…
- 兼容浏览器的最小高度(min-height)
- DIV+CSS最小高度(兼容IE6\IE7\FF)
- DIV+CSS最小高度(兼容IE6\IE7\FF)(转载)
- min-height对ie6, 7, 8及ff的兼容
- IE6 IE7 IE8 FF兼容 高度
- css IE6 IE7 IE8 FF兼容 高度
- IE6 IE7 IE8 FF兼容 高度
- 要想在ie6,ie7和ff中都可以自适应高度,正确的做法是设置min-height和用cssHack设置height
- 【zz】函数指针和函数引用的区别
- nsIPrefBranch 读写配置文件
- U-BOOT源码分析及移植
- 服务端控件 对象不支持此属性或方法
- 简述表值函数
- min-height最小高度的实现(兼容IE6、IE7、FF)
- J2EE搭建WAP站点时图片发布统一格式处理解决方案
- php 汉字转化成 二进制 十进制 十六进制 数字
- 比尔.盖茨退休前留给职场青年的十句警言
- 从Linux到Solaris (1) ---- 差别概览
- 网站架构--之页面静态化、图片服务器分离、负载均衡
- JavaWeb JSTL
- ruby-debug命令
- vaadin 在eclipse中开发时热部署