千家信息网

DIV+CSS中最小高度min-height设定是怎样的

发表于:2025-11-14 作者:千家信息网编辑
千家信息网最后更新 2025年11月14日,DIV+CSS中最小高度min-height设定是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。向大家描述一下DIV CSS中mi
千家信息网最后更新 2025年11月14日DIV+CSS中最小高度min-height设定是怎样的

DIV+CSS中最小高度min-height设定是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

向大家描述一下DIV CSS中min-height使用技巧,min-height属性可以设定一个BOX的最小高度,但到目前为止,只有Opera和Mozilla支持,IE7以上版本不支持,如何在现有基础上(IE680-90%),合理、妙用最小高度了?请看下文详细介绍。

DIV+CSS中最小高度设定min-height设定

min-height属性可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera和Mozilla支持,IE7以上版本不支持,如何在现有基础上(IE680-90%),合理、妙用最小高度了?

假定有二个BOX(box1和box2),我们都设置最小高度为150PX。

以下是引用CSS片段:

div.box1,div.box2{width:300px;  min-height:150px;background:#EEE;  float:left;margin-right:20px;}

以下是引用HTML源代码片段:

IE6中没保持最小高度为150px
所有IE支持保持最小高度为150px

现在的效果,IE6及部分IE7版本中没保持最小高度为150px。

解决的方法

提供csshack来设定IE6高度

以下是引用CSS片段:

div.box1,div.box2{width:300px;  min-height:150px;background:#EEE;  float:left;margin-right:20px;}  div.box2{*height:auto!important;*height:150px;  min-height:150px;}

以上是通过对box2设置说明如下:

*height:auto!important;*height:150px;来区别IE6,IE7,及其它浏览器来实现兼容最小高度-你可能需要了解CSShack之区别不同浏览器的写法。

通过以上DIV+CSS实例希望你能了解各浏览器支持最小高度(min-height:)方法,这里用了csshack方法来区别ie6和部分ie7中不支持min-height方法。

看完上述内容,你们掌握DIV+CSS中最小高度min-height设定是怎样的的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

高度 最小 支持 方法 内容 浏览器 片段 版本 浏览 只有 基础 妙用 属性 更多 部分 问题 不同 束手无策 为此 下文 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 谈谈软件开发的就业前景 怎么自建linux时间服务器 网络技术基础与应用试卷 前段开发软件开发 个人信息信用数据库的核心信息是 吴忠市办公软件开发设计方案 华为网络技术教材 阿里软件开发维护工作 如何重启服务器服务 电脑出现连接不上服务器 蜗牛学苑网络安全课程 2021年北京网络安全大会视频 信息网络技术的主攻方向 2019漳浦网络安全竞赛 深圳轻松钻网络技术有限公司 数据库怎么编译到龙芯 软件开发公司做些什么 浪潮服务器操作系统文件系统错误 2021网络安全事件盘点 软件开发步骤分析设计需求 荣耀10怎么重启数据库 九台区网络技术品质保障 怀旧服服务器怎么调整分辨率 c 数据库链接地址 服务器key 如何提高网络安全上网 我的世界秋月之光怎么取消服务器 数据库不小心删了能找回吗 学生网络安全 做法与隐患 国富全球科技互联网股票
0