html 设置min height,CSS中min-height使用技巧
DIV+CSS中最小高度设定min-height设定
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7以上版本支持,如何在现有基础上(IE6 80-90%),合理、妙用最小高度了?
假定有二个BOX(box1和box2),我们都设置最小高度为150PX。
以下是引用CSS片段:
div.box1,div.box2{width: 300px; min-height: 150px;background: #EEE;float: left;margin-right: 20px;}
以下是引用HTML源代码片段:
现在的效果,IE6及部分IE7版本中没保持最小高度为150px。
解决的方法
提供css hack来设定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,及其它浏览器来实现兼容最小高度-你可能需要了解CSS hack之区别不同浏览器的写法。
通过以上div+css实例希望你能了解各浏览器支持最小高度(min-height:)方法,这里用了css hack方法来区别ie6和部分ie7中不支持min-height方法。
查看min-height在线演示
html 设置min height,CSS中min-height使用技巧相关推荐
- html怎么设置左偏移量,CSS中margin属性的偏移量详解(代码示例)
本篇文章给大家介绍一下CSS中margin属性的偏移量,有感兴趣的朋友可以看一看. 话不多说,我们直接进入正题~ 我们先来看一个具体的例子(相关推荐:CSS学习手册) 代码入下:HTML文件和CSS文 ...
- html行高设置失效,关于css中line-height(行高)设置无效的问题的解决方法
关于css中line-height(行高)设置无效的问题 我们先写下这一串代码: Document .head{ height: 100px; text-align: center; line-hei ...
- HTML图片后加分隔符怎么设置,在HTML/CSS中使用图像分隔符很困难
我正在创建一个基本网站.我想在我的网页的两个部分之间使用水平分隔符图像.它现在没有显示出来.这是HTML,我已经使用:在HTML/CSS中使用图像分隔符很困难 这是我的CSS: hr.largesep ...
- php的样式怎么设置字体大小,css中如何改变字体大小
在css中,可以使用font-size属性来改变字体大小,该属性可以设置字体大小,语法格式为"font-size:值;".实际上font-size属性设置的是字体中字符框的高度,实 ...
- php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
- html设置单词间隔,css中设置英文单词之间间距的属性是什么
css中设置英文单词之间间距的属性是word-spacing.word-spacing属性可以增加或减少字与字之间的空白,如[p{word-spacing:30px;}]. 本文操作环境:window ...
- html设置margin无效,CSS中margin不起作用的原因及解决方法
margin是一个属性,指定元素和元素之间的间距,但不能为内联元素指定边距,本篇文章将给大家介绍关于CSS中margin不起作用的原因及解决方法. margin不起作用的原因 对于初学者来说,可能会经 ...
- 在html中设置margin属性,css中margin的4个属性
CSS中:margin:auto与margin: 0 auto;有什么区别 CSS中:margin:auto与margin: 0 auto;有什么区别.有的网站中写的是前者意思不同.margin:au ...
- html如何设置背景半透明,css中如何设置背景半透明
css中设置背景半透明效果可以使用opacity属性,该属性用来设置元素的不透明级别,如[opacity:0.5],表示将元素设置为半透明状态. 本文操作环境:windows10系统.css 3.th ...
最新文章
- 2016-2017-1 《信息安全系统设计基础》 学生博客及Git@OSC 链接
- WINDOWSPHONE STUDY1:创建一个 Windows Phone 7 下的简单 RSS 阅读器
- 通过DBA_SOURCE定位SQL语句属于哪个存储过程
- PHP学级与年级的转换函数_PHP addslashes()和stripslashes():字符串转义与还原
- cmi编码用c语言实现,CMI编码与解码
- 谈谈MVC项目中的缓存功能设计的相关问题
- .NET System.Web.HttpContext.Current.Request报索引超出数组界限。
- wps如何设置表格中文字的行间距
- 如何将excel表格导入matlab,将Excel数据导入MATLAB中的方法
- 如何正确选择注塑模具浇口位置?这下真的懂了
- 异常Unable to create schema compiler处理办法
- 京东网页(动态)搭建,利用jquery实现
- php 下载 xlsx
- Java面试题(九)-----编写程序实现判断E: / 根目录下是否有后缀名为.jpg的文件,如果有则输出文件名称
- org.eclipse.wst.validation has been removed
- vue 能拿到对象 打印对象 但获取不到具体属性 属性 undefined
- UVA 10242 || Fourth Point !!(求平行四边形第四点
- AMBA总线介绍:搭建AMBA系统
- java实现行政区域划分,行政区划正则表达式匹配规则及java实现
- 学习虫师的《web接口开发与自动化测试1-5章》