利用CSS设置div的最小高度(多浏览器兼容)代码
来源:互联网 发布:天龙八部龙纹评分数据 编辑:程序博客网 时间:2024/06/05 17:41
利用CSS设置div的最小高度(多浏览器兼容)代码
网页布局中会碰到需要某一个div有最小高度,超过最小高度后会自动扩展。比如某个div是有背景图的,高度小了背景图就不完整了影响效果。需要用到css中的min-height属性。
min-height属性的使用说明:
设置或检索对象的最小高度。如果此属性的值大于 max-height 属性的值,将会被自动转设为 max-height 属性的值。在IE6中这个属性仅仅作用于固定布局的表格内的 td 对象, th 对象, tr 对象。表格的默认布局是自动计算的,要得到固定布局的表格,设置表格的 table-layout 属性的值为 fixed 。固定布局的算法比默认的自动算法要快很多。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 minHeight 。
最简单的是采用以下css样式:
123 min-height:100px; height:auto !important; height:100px;
本来单用min-height就可以高度了,可是可恶的IE6不支持,于是加了后面两行来修正。
上完整的测试代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>知行网» CSS设定div最小高度</title><style>.min-height {min-height:100px;height:auto !important;height:100px;background-color: #6699ff;width:300px;}</style></head><body><div class="min-height"><pre>lineline</pre></div><br /><div class="min-height"><pre>linelinelinelinelinelinelinelinelinelinelinelineline</pre></div></body></html>
- 利用CSS设置div的最小高度(多浏览器兼容)代码
- div的最小高度设置兼容各浏览器
- DIV+CSS最小高度(兼容IE6\IE7\FF)
- DIV+CSS最小高度(兼容IE6\IE7\FF)(转载)
- DIV的最小高度设置
- 拥有最小高度能自适应高度,IE、FF全兼容的div设置
- 兼容浏览器的最小高度(min-height)
- 设置DIV最小高度以及高度自适应(兼容IE6和火狐)
- [转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- 兼容ie和火狐的div hr最小高度的css
- 利用Jquery 定义Div的最小高度
- DIV设置最小高度
- DIV设置最小高度
- 设置div最小高度(min-height)的写法
- 设置div最小高度的方法
- CSS 设置最小高度
- sgu 176 Flow construction--有源汇 有上下界 最小流
- 多校第三场:hdu(4323:编辑距离算法)
- IIS备份
- codeforces 117C 拓扑排序 找三元环
- 23 Linux x86_64与i386区别之 —— 内存寻址
- 利用CSS设置div的最小高度(多浏览器兼容)代码
- Android 中input event的分析
- android 短信拦截思路
- 网站编程开发安全手册 防黑相关
- Windows下下载Android源代码的方法
- sql 存储过程实例
- 用SDK实现属于自己的网盘
- ___CxxFrameHandler3、@__security_check_cookie编译报错的解决
- java.lang.NoClassDefFoundError: com.jayway.android.robotium.solo