min-height最小高度的实现(兼容IE6、IE7、FF)(解决IE6不兼容min-height)
2015-10-14 19:41
561 查看
<!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>
<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>
相关文章推荐
- *candy——leetcode
- 信息系统项目管理师-质量管理知识点
- Android 轻松实现百度地图定位
- 最大公约数(递归)
- iOS应用程序多语言本地化解决方案
- PHP 之 FastCGI 与 mod_php 详解
- Swfit 基本语句
- android退出app的四种方法
- 信息系统项目管理师-成本管理知识点
- 1079. Total Sales of Supply Chain
- 经典排序算法总结
- 最大似然估计(转载)
- 链接详解--多目标文件的链接
- BST(Binary Search Tree)
- C++ 对象成员
- 信息项目管理师-项目时间管理知识点
- (我总结的实用主义)Loadrunner运行常见错误
- RazorSQL 配置Oracle错误及实例
- Spring之——quartz集群(MySQL数据源)
- MySQL 数据库学习 基础知识